#pages-links li a, .lang_change {
    font-size: 16px
}
.logo_size {
    height: 58px; 
    margin-right: 25px;
    padding: 4px;
}
.logo_size2 {
    height: 78px;
    margin-right: 25px;
    padding: 4px;
}
.copyright_footer {
    display: inline-block;
    vertical-align: middle;
    padding: 0 20px;
}
.user_container {
    width: 25rem;
}
.primary_user {
    width: 22rem;
}

/*.user_container img {
    width: 285.5px;
    height: 285.5px;
}*/

.primary_user.user_container img {
    width: 100%;
    height: auto;
}

#HowToJoin_Table tr td {
    width: 33%
}

#home_container .col-4 .card-left { 
    margin-left: 25px;
}
#home_container .col-4 .card-right { 
    margin-right: 25px;
}

#home_container .col-4, #home_container .col-5, #home_container .col-6 {
    padding-top: 15px;
    padding-left: 25px;
    padding-right: 25px;
}

.header_main .header_logo {
    /*padding: 15px 0;*/
}

.header_main .header_text {
    padding: 0px 15px;
    font-size: 20px;
}

.header_main.header_homepage .col-6, .header_main.header_otherpages .col-6 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.txbAgree {
    width: 120px;
    display: inline-block;
    margin-right: 100px
}
.contact_label {
    display: inline-block;
}

.txtDate.form-control:disabled, .txtDate.form-control[readonly], .txtDateMonth.form-control:disabled, .txtDateMonth.form-control[readonly], .txtDate_DDMMYY.form-control:disabled, .txtDate_DDMMYY.form-control[readonly],
.txtDate_YYMMDD.form-control:disabled, .txtDate_YYMMDD.form-control[readonly], .txtDate_DDMMYYYY.form-control:disabled, .txtDate_DDMMYYYY.form-control[readonly],
.txtDate_ReadOnly.form-control:disabled, .txtDate_ReadOnly.form-control[readonly], .txtDateTime.form-control:disabled, .txtDateTime.form-control[readonly] {
    background-color: #ffffff;
}

/* Portrait */
@media (orientation: portrait) {
    #headline_scrollDown {
        display: none;
        margin-top: 0;
    }
}

@media (max-width: 1024px) {

    .navbar-expand-lg .navbar-toggler {
        display: inline-block;
    }

    .navbar-expand-lg .navbar-collapse {
        display: block !important;
    }
    .collapse:not(.show) {
        display: none !important;
    }

    .navbar-expand-lg {
        -ms-flex-flow: wrap;
        flex-flow: wrap;
    }

    .navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid, .navbar-expand-lg>.container-lg, .navbar-expand-lg>.container-md, .navbar-expand-lg>.container-sm, .navbar-expand-lg>.container-xl {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .navbar-expand-lg .navbar-nav {
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.header_main a.home_button { 
    font-size: 1.6rem;
}

.table-responsive .table.table-striped {
    table-layout: fixed;
}

.table-responsive .table.table-striped td:first-child {
    width: 5%;
}

.table-responsive .table.table-striped .noborders td:first-child {
    width: auto;
}

.table-responsive .table.table-striped input, .table-responsive .table.table-striped label {
    display: inline;
}

.card.tile_div.BcNumbers {
    margin-right:0;
}
.card.tile_div.OnNumbers {
    margin-left: 0;
}

.logoQ {
    display: none;
}
.logoTop {
    display: inline-block;
}

@media only screen and (max-width: 1024px) {
    .logoQ {
        display: inline-block;
    }
    .logoTop {
        display: none;
    }


    .table-responsive .table.table-striped {
        table-layout: auto;
        font-size: 1.5rem;
        /*line-height: 2.75rem;*/
    }

    .table-responsive .table.table-striped td:nth-child(2) {
        width: 340px;
    }

    .table-responsive .table.table-striped .noborders td:nth-child(2) {
        width: auto;
    }

    .qcol {
        width: auto;
    }
}

/* Mobile */
@media only screen and (max-width: 768px) {

    body::-webkit-scrollbar {
        /* Chrome, Safari, Opera */
        display: none;
    }

    body {
        /* IE and Edge */
        -ms-overflow-style: none;
    }

    .logo_size, .logo_size2 {
        height: 60px;
        margin-right: 0; 
    }

    #home_container {
        margin: 0;
    }

    .content {
        padding: 12px;
    }

    #home_headline_text {
        font-size: 2.25rem;
        line-height: 2.35rem;
        letter-spacing: 0.15rem;
    }

    .header_main a.home_button { 
        font-size: 1rem;
    }

    .col-sm-7 {
        width: 95vw;
        max-width: 100vw;
    }

    h1 {
        font-size: 1.5rem;
        padding: 1.5rem;
    }

    h2 {
        font-size: 1.25rem;
    }

    h4 {
        font-size: 1.25rem;
        line-height: 1rem;
    }

    .user_container h4, .user_container .tile_div {
        font-size: 1.25rem;
        line-height: 1.8rem;
    }

    .user_container h4 {
        font-size: 1.75rem;
    }

    body, .btn {
        font-size: 1.1rem;
        line-height: 2rem;
    }

    .user_container, .primary_user {
        width: 30rem;
    }

    .user_container img {
        width: 100%;
        height: 478px;
    }

    .btn {
        padding: 10px;
    }

    .question {
        font-size: 0.9rem;
    }

    .faq_header {
        padding-left: 12px;
        padding-right: 12px;
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .lang_change {
        font-size: 1.1rem;
        text-transform: uppercase;
        margin: 0;
        padding: 0;
    }

    #pages-links li a, .lang_change {
        font-size: 1.6rem;
        line-height: 2.75rem;
    }

    #WhatsInvolved_List .col-4, #home_container .col-4, #home_container .col-5, .header_main .col-3, .header_main .col-6, .method_section .col-2, .method_section .col-8, .consent_signature .col-4,
    .contact_form .col-8, .contact_form .col-6, .contact_form .col-5, .contact_form .col-4, .contact_form .col-3, .contact_form .col-2, .byNumbersRow .col-6 {
        width: 100%;
        max-width: none;
        flex: none;
    }

    .card.tile_div.BcNumbers {
        /*margin-right: 25px;*/
    }
    .card.tile_div.OnNumbers {
        margin-left: 25px;
    }

    .contact_form .col-8, .contact_form .col-6, .contact_form .col-5, .contact_form .col-4, .contact_form .col-3 {
        margin-bottom: 10px;
    }

    .contact_label {
        display: block;
        width: 100%;
    }

    .header_main .col-3 div, .header_main .col-6 div {
        padding: 15px 0;
    }

    #home_container .col-4 .card {
        margin:0;
        margin-top:25px;
    }

    #home_container .byNumbersRow .col-4 .card {
        margin: 0;
    }

    #home_container .col-4, #home_container .col-5 {
        padding-bottom: 25px;
    }

    /*#HowToJoin_Table tr td {
        width:100%
    }*/

    .rblApply label {
        display: initial;
    }

    .txbAgree {
        width: 90px;
        margin-right: 0;
    }
}

@media only screen and (max-width: 1024px) {

    #navbar-toggle {
        width: 100vw;
    }
    #pages-links {
        width: 50vw;
        margin: auto;
    }

    .logo_size, .logo_size2 {  
        display: block;
    }

    .navbar .container-fluid .navbar-brand {
        margin: auto;
        text-align: -webkit-center;
    }

    .rcfollowup_form .col-4 {
        width: 100%;
        max-width: none;
        flex: none;
    }
    .rcfollowup_form.col-sm-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
}

/* Mobile Landscape */
@media only screen and (max-width: 768px) and (orientation: landscape) {
    #home_headline {
        height: 38vw;
    }

    #home_headline_text {
        padding-top: 13vh;
        font-size: 1.5rem;
    }

    #headline_scrollDown {
        margin-top: 1rem;
    }

    .person {
        width: 40vw;
    }

    .person-body, .indextile_div {
        padding: 2rem;
    }

    .lang_change {
        margin-right: 3.5vw;
    }
}

/* Mobile Portrait */
@media only screen and (max-width: 768px) and (orientation: portrait) {
    #home_headline {
        height: 22vh;
    }

    #home_headline_text {
        padding-top: 5vh;
        font-size: 1.5rem;
    }

    .logo {
        padding-left: 0;
    }

    .tile_index {
        /*width: 85vw;*/
        margin: 0;
        border: none;
        box-shadow: none !important;
    }

    .indextile_div {
        padding: 0;
    }

    .lang_change {
        margin-right: 6.25vw;
    }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
    /*#pages-links {
        width: 70vw;
        margin: auto;
    }*/

    /*
    #navbar-toggle {
        width: 100vw;
    }*/

    .logo_size, .logo_size2 {
        /*height: 120px;*/
        margin-right: 0;
    }

    .content {
        padding: 20px;
    }

    #home_headline {
        height: 82vh;
    }

    .col-sm-7 {
        width: 95vw;
        max-width: 100vw;
    }

    .col-sm-10 {
        -ms-flex: 100%;
        flex: 100%;
         max-width: 95%;
    }

    h1 {
        font-size: 2.25rem;
    }

    h2 {
        font-size: 2rem;
    }

    body, .btn {
        font-size: 1.5rem;
        line-height: 2.75rem;
    }
    /*#pages-links li a, .lang_change {
        font-size: 2.1rem;
        line-height: 2.75rem;
    }*/

    .btn {
        padding: 8px;
    }

    .person {
        width: 60vw;
    }

    .person-body {
        font-size: 1.25rem;
        padding: 3rem;
    }

    /*.user_container, .primary_user {
        width: 30rem;
    }*/

    .nav-link {
        font-size: 1.25rem;
    }
}

/* Tablet Landscape */
        @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
            /*#pages-links {
                width: 70vw;
                margin: auto;
            }*/

            #home_headline {
                height: 35vw;
            }

            #home_headline_text {
                font-size: 2rem;
                letter-spacing: 0.75rem;
                padding-top: 8vw;
                padding-top: 10vh;
            }

            #headline_scrollDown {
                margin-top: 0.5rem;
            }

            .person {
                width: 40vw;
            }

            .lang_change {
                width: 10vw;
            }
        }
        /* Tablet Portrait */
        @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
            #home_headline {
                height: 30vh;
            }

            #home_headline_text {
                padding-top: 7vh;
                font-size: 2.25rem;
                letter-spacing: 0.5rem;
                line-height: 4rem;
            }
        }