@media (max-width: 1250px){ .container { width: 100%; padding: 0px 20px; } #feat section { left: 0px; margin-left: 0px; padding-left: 20px; }
.page-id-11 #feat section { left: 0px; }
.page-id-11 #feat aside { display: none; } #leadership section { padding-left: 20px; } #testmonials .container { padding: 100px 20px; }
}
@media (max-width: 1100px){ #what-we-do header { padding-right: 40px; } #journeys section { width: 100%; } #blog section { grid-template-columns: 1fr; } #cover { height: 50vh; }
#cover h6 { white-space: nowrap; } #footer .container { flex-direction: column; }
#footer .column { width: 100% !important; padding-right: 0px; text-align: center; }
#footer .column nav.menu ul { margin: 40px 0px; padding-left: 0px; }
#footer .column.follow { margin-top: 40px; }
}
@media (max-width: 900px){ #header span.logo img { width: 190px; }
#header nav { display: none; }
#header span.toggle { display: block; } #feat { height: 70vh; }
#feat section { background-color: transparent; } #what-we-do .container { flex-direction: column; }
#what-we-do header,
#what-we-do section { width: 100%; } #our-vision .container { flex-direction: column; }
#our-vision figure { width: 100%; height: 300px; margin-left: 0px; }
#our-vision section { width: 100%; margin-top: 40px; padding: 0px 20px; } #blog { padding: 0px 20px; }
}
@media (max-width: 800px){ html, body { overflow-x: hidden; }
body { font-size: 14px; } #feat section { width: 100%; padding-right: 100px; }
#feat section small { font-size: 18px; }
#feat section h1 { font-size: 48px; } #what-we-do header small { font-size: 18px; }
#what-we-do header strong { font-size: 24px; } #journeys header img { width: 170px; }
#journeys header h6 { font-size: 30px; }
#journeys header strong { font-size: 14px; }
#journeys section { flex-direction: column; text-align: center; }
#journeys section article { margin: 40px auto 0px auto; } .side .container { flex-direction: column; padding-bottom: 50px; }
.side figure { width: 100%; margin-bottom: 20px; }
.side section { width: 100%; padding-top: 0px; }
.side section h6 { font-size: 30px; }
.side section p { width: auto; } #our-vision section header small { font-size: 14px; }
#our-vision section header strong { font-size: 20px; }
#our-vision section nav ul li { font-size: 14px; } #leadership section strong { font-size: 40px; }
#leadership section strong img { width: 170px; }
#leadership section span em { font-size: 36px; }
#leadership section span b { padding-top: 0px; font-size: 14px; }
.page-id-11 #leadership figure .float { display: none; } #cover h6 { font-size: 24px; } #testmonials header h6 { margin-bottom: 30px; font-size: 30px; }
#testmonials section article { padding-right: 0px; }
#testmonials .slick-arrow.slick-prev { right: 60px; }
#testmonials .slick-arrow.slick-next { right: 0px; } #company header h6 { margin-bottom: 30px; font-size: 30px; } #blog header h6 { font-size: 40px; }
#single header h1 { font-size: 36px; }
#single header h2 { font-size: 18px; }
#single section article { width: 100%; }
#single section article iframe { height: 300px; } #contact-header .container,
#contact-form .container { flex-direction: column; }
#contact-header section { width: 100%; }
#contact-header section h2 { font-size: 16px; }
#contact-header section h1 { font-size: 24px; }
#contact-header section p { width: auto; font-size: 14px; }
#contact-header figure { width: 100%; }
#contact-form aside { width: 100%; }
#contact-form aside small { font-size: 20px; }
#contact-form aside address { font-size: 16px; }
#contact-form aside span a { font-size: 20px; }
#contact-form section { width: 100%; padding: 40px 0px 20px 0px; border-left: 0px; }
}
@media (max-width: 550px){ body.page-id-13, body.single-post, body.page-id-15 { padding-top: 130px; }
figure { margin: 0px; } #feat section h1 { font-size: 30px; }
.page-id-11 #feat { margin-top: 140px; }
.page-id-11 #feat section { padding: 0px 20px; } #journeys header strong { padding-left: 15px; } #our-vision section nav ul li { margin-right: 30px; } #leadership section { width: 80%; }
#leadership section p { width: auto; }
#leadership figure img { margin-left: -120px; } #testmonials .container { padding: 60px 20px; } #company .container { padding-top: 40px; } #contact-header figure { display: none; }
#contact-header section { margin-top: 0px; }
#contact-form { margin-top: 40px; padding-bottom: 50px; }
#contact-form section label { width: 100% !important; margin-right: 0px; padding-right: 0px; }
#contact-form section label input { height: 40px; } #footer { padding: 40px 0px; }
#footer .column span.logo img { width: 200px; }
#footer .column nav.menu ul li a { font-size: 12px; } #bottom .container { flex-direction: column; text-align: center; }
#bottom strong { margin-bottom: 20px; font-size: 12px; }
#bottom nav ul li a { font-size: 10px; }
}