/* MEDIA QUERIES*/

/*  IMAC 4K RETINA  */
@media only screen and (min-device-width:3000px)
{
    html { 
        font-size:32px;
    }
        
    .main_pic {
        height: 33vh;
    }
    
    .main_pic::after{
        height: 33vh;
    }
    
    .content-row {
        min-height:10vh;
    }
    
    .content-row-split {
        font-size: 1.5rem;
    }
    
    .content-row-split_small{
        min-height: 40vh;
    }
    
    .row_text {
        max-width: 35rem;
    }
    
    #section_team {
        max-width:56.25rem;
    }
}

@media only screen and (min-device-width:1024px) and (max-aspect-ratio: 1/1){
    .content-row-split {
        min-height: 30vh;
    }
}

@media only screen and (min-device-width: 1024px) and (max-width: 1200px) {
    .row_text {
        margin: 0 8vw;
    }
}

/* TABLET - PORTRAIT */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait)
{
    #section_developer_stats {
    }
    
    .content-row {
        min-height: 10vh;
    }
    
    .content-row-split {
        min-height: 30vh;
    }
    
    .row_text {
        margin: 0 6vw;
    }
}

/* PHONE - PORTRAIT */
@media only screen and (max-device-width: 767px){  
    
    html {
        font-size: 16px;
    }
    
    .button_rounded {
    }
    
    .nav_bar {
    }
    
    .nav_bar_logo {
        margin: unset;
    }
    
    .no_header_image {
        height: 4rem;
    }
    
    #nav_bar_button{
        display: block;
    }
    
    #menu_toggle:checked ~ ul {
        opacity: 1;
        height: 100vh;
        visibility: visible;
    }
    
    #menu_toggle:checked ~ nav {
        background-color: #000;
    }

    .label_toggle {
        display: block;
    }
    
    #menu_links {
        display: flex;
        background-color: #000;
        flex-direction: column;
        justify-content: flex-start;
        align-content: flex-start;
        height:0;
        list-style-type: none;
        opacity: 0;
        text-align: center;
        transition: all 0.66s ease;
        width: 100%;
        margin: 0;x
        visibility: hidden;
    }
    
    #menu_links > li {
        color: #fff;
        display: block;
        margin: 0.25rem 0 0.25rem;
        padding: 1rem 0;
        font-size: 1.5rem;
        font-weight: 100;
    }
    
    #logo {
        height: 80px;
    }
    
    .main_pic{
        height:66vh;
    }
    
    .main_pic::after {
        height:66vh;
    }
    
    .intro-caption {
        margin: 25vh auto 0;
    }
    
    .content-row {
        min-height: 20vh;
    }
    
    .gray_row {
        background-color: unset;
    }
    
    .content-row-title {
        margin: 0 2vw;
    }
    
    .content-row-split {
        flex-direction: column-reverse;
    }
    
    .content-row-split-title {
/*        font-size: 3rem;*/
    }

    .content-row-split.row_reverse {
        flex-direction: column-reverse;
    }
    
    .content-row-split_small {
        width: 100%;
        min-width: unset;
        height: 30vh;
        align-self: stretch;
    }

    .content-row-split_large {
        width: 100%;
        margin: 3vh 0;
    }
    
    .row_text {
        text-align: justify;
        max-width: unset;
/*        font-size:2rem;*/
        line-height: 1.75em;
        margin: 0 8vw;
        color: var(--findaspot_mid_gray);
    }
    
    .store_link-image {
        width: 16rem;
        margin: 0 5vw;
    }
    
    #app_text {
        width: 90vw;
        max-width: unset;
    }
    
    #app_caption {
        font-weight: 100;
        line-height: 1.5em;
        color: var(--findaspot_mid_gray);
    }
    
    .app_feature {
        max-width: unset;
        width: 40vw;
        margin: 3rem 2vw;
    }
    
    .app_feature_title {
/*        font-size: 2.5rem;*/
    }
    
    .app_feature_caption {
/*        font-size: 1.75rem;*/
        line-height: 1.5em;
        color: var(--findaspot_mid_gray);
    }
    
    .developer_stat {
        width: 30vw;
/*        font-size:1rem;*/
    }
    
    #developer_stats_footnote{
        font-size: 0.75rem;
        line-height: 2.5em;
        padding: 0 5vw;
    }
    
    .team_card { 
    }
    
    #additional_support_options {
        flex-direction: column;
        flex-wrap: wrap;
    }

    .additional_support_option {
        width: 90vw;
        margin: 0 auto 2rem;
    }
    
    .footer {
        flex-wrap: wrap-reverse;
    }
    
    #footer_section_1 {
        width: 100%;
        align-items: center;
    }
    
    #footer_caption {
        line-height: 1.5em;
        text-align: center;
        margin: 2rem 20vw;
    }
    
    #footer_social_icons {
    }
    
    #footer_section_2 {
/*        font-size: 2rem;*/
        margin-bottom: 4rem;
    }
    
    #footer_section_2 > ul >li {
        line-height: 2em;
    }
    
    #footer_section_3 {
/*        font-size: 2rem;*/
        margin-bottom: 4rem;
    }
    
    #footer_section_3 > ul >li {
        line-height: 2em;
    }
}


/* PHONE - LANDSCAPE */
@media only screen and (max-device-width: 1023px) and (orientation: landscape){
    
    html {
        font-size: 16px;
    }
    
    .nav_bar {
    }
    
    #nav_bar_button{
        display: none;
    }
    
    #logo {
        height: 40px;
    }
    
    .intro-caption {
        margin: 0 auto;
    }
    
    .intro-store_links {
        margin: 0 auto;
    }
    
    .content-row {
    }
    
    .content-row-split {
        min-height: 80vh;
    }
    
    .content-row-split {
        flex-direction: row;
    }

    .content-row-split.row_reverse {
        flex-direction: row-reverse;
    }
    
    .content-row-split_small {
        width: 40%;
        height: unset;
        align-self: stretch;
        min-width: unset;
    }

    .content-row-split_large {
        width: 60%;
        margin: inherit;
    }
}