﻿#pages-links li a, .lang_change {
    font-size: 16px
}
.logo_size {
    height: 88px; 
    margin-right: 25px;
    padding: 4px;
}
.user_container {
    width: 20rem;
}
.primary_user {
    width: 22rem;
}

.user_container img {
    width: 318px;
    height: 318px;
}

.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;
}

.header_main .header_logo {
    padding: 15px 0;
}

.header_main .header_text {
    padding: 0px 15px;
    font-size: 20px;
}

.txbAgree {
    width: 120px;
    display: inline-block;
    margin-right: 100px
}
.contact_label {
    display: inline-block;
}

/* 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.7rem;
}

.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;
}

@media only screen and (max-width: 768px) {

    .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 {
        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, .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 {
        width: 100%;
        max-width: none;
        flex: none;
    }

    .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 .col-4 { 
        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;
    }

    .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 {
        /*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: 100%;
    }

    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;
            }
        }
