/* Desktop view - Chrome */
@media (min-width: 1450px) and (max-width: 1920px) {
    #header_title {
        margin-top: 100px;
    }
    #index_card p{
                 margin-left: -9px;
        width: 100%;
        text-align: justify;
    }
    #index_card h2{
        text-align: center;
        font-size: 24px;
        line-height: 34px;
        font-weight: bold;
        color: #de4235;
        margin-top: -2px;
        margin-bottom: 30px;
        font-family: 'Open Sans' !important;
    }
    #header_title h1 {
        margin-left: 90px;
        font-size: 28px;
        color: #222222 !important;
        font-weight: 400;
        
    }
    #header_title a {
        color: #D83B2D;
        text-decoration: none;
    }
    #header_title a:hover {
        color: #EA9040;
    }
    #header_title p {
        color: #222222;
        font-size: 15px !important;
        line-height: 22px;
        font-weight: 450 !important;
        margin-left: 536px;
    } 
    
    .question {
          background-color: #f1f2f2;
        width: 121%;
        height: auto;
        margin-top: 8px;
        padding: 5px;
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: #333;
        margin-left: -124px;
        margin-bottom: 8px;
    }
    .question h6 {
    margin-left: 20px;
    margin-top: 5px;
    font-size:13px; 
    font-weight: 600;
    font-family: 'Open Sans' !important;
    /* color:#333333; */
    }
    .highlighted {
    background-color: #de4235;
    color: white !important;
    }

    .answer {
    display: none;
    margin-top: 10px;
    padding: 5px;
    font-size:13px; 
    color:#666666;
    font-weight: 400;
    text-align:justify;
    margin-left: -95px;
    width: 118%;
    font-family: 'Open Sans' !important;

    }


    .toggle-button,
    .close-button {
    cursor: pointer;
    /*padding: 5px;*/
    background-color: transparent;
    color: grey;
    border: none;
    font-weight: 800;
    border-radius: 3px;
    margin-left: 5px;
    
    }
    .close-button {
    display: none; /* initially hide close button */
    }
    }

      /* Desktop view - Microsoft Edge */
    
    @media (min-width: 1200px) and (max-width: 1366px) {
        #header_title {
            margin-top: 100px;
        }
        #index_card p{
               margin-left: 14px;
        width: 94%;
        text-align: justify;
       
    }
           #index_card h2 {
        text-align: center;
        font-size: 24px;
        line-height: 34px;
        font-weight: bold;
        color: #de4235;
        margin-top: 2px;
        margin-bottom: 30px;
    }
    
       
    #header_title h1 {
    margin-left: 84px;
    font-size: 28px;
    color: #222222 !important;
    font-weight: 400;
        
    }
    #header_title p {
        color: #222222;
        font-size: 15px !important;
        line-height: 22px;
        font-weight: 450 !important;
        margin-left: 449px;
    } 
      #header_title a {
        color: #D83B2D;
        text-decoration: none;
    }
    #header_title a:hover {
        color: #EA9040;
    }
    .question {
               background-color: #f1f2f2;
        width: 123%;
        height: auto;
        margin-top: 8px;
        padding: 5px;
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: #333;
        margin-left: -114px;
        margin-bottom: 8px;
    }
    .question h6 {
    margin-left: 20px;
    margin-top: 5px;
    font-size:13px; 
    font-weight: 600;
    font-family: 'Open Sans' !important;
    /* color:#333333; */
    }
    .highlighted {
    background-color: #de4235;
    color: white !important;
    }

    .answer {
    display: none;
    margin-top: 10px;
    padding: 5px;
    font-size:13px; 
    color:#666666;
    font-weight: 400;
    text-align:justify;
    margin-left: -105px;
    width: 125%;
    font-family: 'Open Sans' !important;
    }


    .toggle-button,
    .close-button {
    cursor: pointer;
    padding: 5px;
    background-color: transparent;
    color: grey;
    border: none;
    font-weight: 800;
    border-radius: 3px;
    margin-left: 5px;
    }
    .close-button {
    display: none; /* initially hide close button */
    }
    }

    /* iPad view */
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
        #header_title {
        margin-top: 100px;
    }
    #index_card h2{
        text-align: center;
        font-size: 24px;
        line-height: 34px;
        font-weight: bold;
        color: #de4235;
        margin-top: -2px;
        margin-bottom: 30px;
        font-family: 'Open Sans' !important;
    }
        #index_card{
        text-align: justify;
    }
    .question {
    background-color: #f1f2f2;
    width: 103%;
    height: auto;
    margin-top: 8px;
    padding: 5px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #333;
    margin-left: -5px;
    margin-bottom: 8px;
   
    }
    .question h6 {
    margin-left: 20px;
    margin-top: 5px;
    font-size:13px; 
    font-weight: 600;
    font-family: 'Open Sans' !important;
    word-spacing: 2px; 
    /* color:#333333; */
    }
    .highlighted {
    background-color: #de4235;
    color: white !important;
    }

   .answer {
    display: none;
    margin-top: 10px;
    padding: 5px;
    font-size:13px; 
    color:#666666;
    font-weight: 400;
    text-align:justify;
    width: 100%;
    font-family: 'Open Sans' !important;
    margin-left: 14px;
    padding-right: 20px;
    }

    .toggle-button,
    .close-button {
    cursor: pointer;
    padding: 5px;
    background-color: transparent;
    color: grey;
    border: none;
    font-weight: 800;
    border-radius: 3px;
    margin-left: 5px;
    }
    .close-button {
    display: none; /* initially hide close button */
    }
    #header_title p{
        display: none;
    }
 #header_title h1 {
        text-align: center;
        font-size: 28px;
            color: #222222 !important;
            font-family: 'Open Sans' !important;
    }
    }


    /* Mobile view */
    @media only screen and (max-width: 767px) {
        #header_title {
        margin-top: 100px;
    }
    #index_card h2{
        text-align: center;
        font-size: 24px;
        line-height: 34px;
        font-weight: bold;
        color: #de4235;
        margin-top: -2px;
        margin-bottom: 30px;
        font-family: 'Open Sans' !important;
    }
        #index_card{
        text-align: justify;
    }
    #header_title h1 {
        text-align: center;
        font-size: 28px;
        color: #222222;
        font-family: 'Open Sans' !important;
    }
    #header_title p{
        display: none;
    }
    .question {
           background-color: #f1f2f2;
        width: 99%;
        height: auto;
        margin-top: 8px;
        padding: 5px;
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: #333;
        margin-left: 1px;
        margin-bottom: 8px;
   
    }
    .question h6 {
    margin-left: 20px;
    margin-top: 5px;
    font-size:13px;
    font-weight: 600;
    font-family: 'Open Sans' !important;
    /* color:#333333; */
    }
    .highlighted {
    background-color: #de4235;
    color: white !important;
    }

    .answer {
    display: none;
    margin-top: 10px;
    padding: 5px;
    font-size:13px; 
    color:#666666;
    font-weight: 400;
    text-align:justify;
    /* margin-left: -105px; */
  width: 93%;
    font-family: 'Open Sans' !important;
    /*margin-left:8px;*/
            margin-left: 20px;
    }


    .toggle-button,
    .close-button {
    cursor: pointer;
    padding: 5px;
    background-color: transparent;
    color: grey;
    border: none;
    font-weight: 800;
    border-radius: 3px;
    margin-left: 5px;
    }
    .close-button {
    display: none; /* initially hide close button */
    }
    }