@media (min-width:320px) and (max-width:767px){
    .homepageHeader{ min-height: auto; padding: 70px 0;}
    .homepageHeaderContent{ padding: 0 16px;}
    .mainLogo{ width: 110px; margin-bottom: 30px;}
    .homepageHeaderContent h3{ font-size: 34px;}
    .homepageHeaderContent h4{ font-size: 18px;}
    .homepageContentRow{ padding: 30px 16px; flex-wrap: wrap;}
    .homepageContentRow.whatis12N{ flex-direction: column-reverse;}
    .homepageContentRow .column:first-child{ margin-right: 0;}
    .homepageContentRow.whatis12N .column:first-child{ margin-top: 20px;}

    .homeHeaderBg{ height: 60px; top: -60px; padding: 10px 16px 0 16px;}

    .homepageContentRow .column{ flex: 1;}
    .homepageContentRow.team12N{ flex-direction: column;}
    .homepageContentRow.team12N .column:first-child{ margin-bottom: 20px;}

    .homepageContentRow.investments12N{ flex-direction: column-reverse;}
    .homepageContentRow .column:first-child{ margin-right: 0;}
    .homepageContentRow.investments12N .column:first-child{ margin-top: 20px;}

    .homepageContentRow h3{ font-size: 28px;}
    .homepageContentRow h4{ font-size: 20px; margin-bottom: 20px;}
    .homepageContentRow p{ font-size: 16px; line-height: 26px; margin-bottom: 30px;}
    .btnLearnMore{ font-size: 16px; padding-bottom: 10px;}

    .aboutModal{ padding: 20px; border-radius: 6px;}
    .close{ top: 10px; right: 10px;}
    .aboutModalInner{ max-height: 400px;}
    .aboutModal h3{ font-size: 28px;}
    .aboutModal h4{ font-size: 18px; margin-bottom: 20px;}
    .aboutModal p{ font-size: 16px; line-height: 26px;}
    .close::before, .close::after{ height: 25px;}

    .header{ height: auto; padding: 10px 16px 0 16px;}
    .logoWhite{ width: 52px; position: relative; z-index: 1;}
    .burger{ display: block;}
    .topNav{ 
        position: fixed;
        width: 100%;
        height: 100%;
        background: #000;
        left: 0;
        top: 0;
        padding-top: 100px;
        display: none;
    }
    .topNav li{ display: block; margin-left: 0; margin-bottom: 20px; text-align: center;}
    .teamHeader{ margin-top: 60px; height: 190px;}
    .teamHeader h2{ font-size: 42px;}
    .teamContentOuter{ padding: 0 16px; margin-bottom: 30px; margin-top: 60px;}
    .teamContentInner{ padding: 20px; flex-wrap: wrap; flex-direction: column; border-radius: 6px;}
    .teamContentLeft{ width: 100%; padding: 0; border-right: 0; border-bottom: 1px #D8D8D8 solid;}
    .teamContentRight{ padding: 20px 0;}
    .InvestmentsHeader h2{ font-size: 42px;}
    .teamContentRight h4{ font-size: 30px;}
    .teamContentRight p{ font-size: 20px;}
    .teamList li{ font-size: 20px; margin-bottom: 20px;}

    .InvestmentsHeader{ margin-top: 60px; height: 190px;}
    .InvestmentsHeader h2{ font-size: 42px;}
    .InvestmentsContentOuter{ padding: 0 16px; margin-bottom: 30px; margin-top: 60px;}
    .investmentCont:first-of-type{ margin-bottom: 30px;}
    .InvestmentsContentInner{ padding: 20px;  border-radius: 6px;}
    .InvestmentsContentInner h3{ font-size: 24px; margin-bottom: 20px;}
    .investmentBox{ width: 100%; height: auto; margin: 0 0 20px 0;}
    .logoCont{ min-height: auto; margin-bottom: 20px;}
    .investmentBox h4{ font-size: 18px; margin-bottom: 10px;}
    .investmentBox p{ font-size: 16px;}
    .contactContentOuter{ padding: 0 16px; margin-bottom: 30px; margin-top: 60px;}
    .contactContentInner{ padding: 50px 16px; border-radius: 6px;}
    .contactIcon{ width: 100px; height: 100px; margin-bottom: 20px;}
    .contactIcon img{ width: 50px;}
    .contactContentInner a{ font-size: 24px;}

    .aboutHeader{ margin-top: 60px; height: 190px;}
    .aboutHeader h2{ font-size: 42px;}
    .aboutContentOuter{ padding: 0; margin-top: 60px;}
    .aboutContentInner{ padding: 15px;}
    .aboutContentInner h3{ font-size: 32px;}
    .aboutContentInner h4{ font-size: 20px; margin-bottom: 20px;}
    .aboutContentInner p{ font-size: 16px; line-height: 26px;}

    .footer{ padding: 15px 19px 5px 19px;}
    .bottomMenu{ display: none;}
    .footerBar{ flex-direction: column; text-align: center;}
    .footerBar p{ margin-bottom: 10px;}

    .collageImg{ margin-top: -30px; padding: 0 8px;}
}

@media (min-width:768px) and (max-width:1024px){
    .homepageHeaderContent{ padding: 0 50px;}
    .homepageHeaderContent h3{ font-size: 70px;}
    .homepageContentRow{ padding: 50px 30px;}
    .homepageContentRow h3{ font-size: 52px;}
    .homepageContentRow h4{ font-size: 24px; margin-bottom: 30px;}
    .homepageContentRow p{ font-size: 18px; line-height: 28px;}
    .aboutModal h3{ font-size: 52px;}
    .aboutModal h4{ font-size: 24px;}
    .aboutModal p{ font-size: 18px; line-height: 28px;}
    .teamHeader h2{ font-size: 62px;}
    .teamContentOuter{ padding: 0 30px;}
    .teamContentLeft{ width: 250px; padding: 40px;}
    .InvestmentsHeader h2{ font-size: 62px;}
    .InvestmentsContentOuter{ padding: 0 30px;}
    .investmentBox{ width: 284px; height: auto; margin: 0 10px 20px 10px;}
    .contactContentOuter{ padding: 0 30px;}
    .contactContentInner a{ font-size: 32px;}
    
    .aboutContentOuter{ padding: 0;}
    .collageImg{ margin-top: -60px; padding: 0 16px;}

}
	
@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){
}