/* =Responsive Structure / mobile first
----------------------------------------------- */



@media (min-width: 900px) { /* 900 pixels et plus */

    

    .homeHeroSection .sectionContentWrapper { min-height: calc(100vh - 190px); }
    
    .dropdown-menu { left: auto; right: 0; }
    
    .pageHeader { padding-bottom: 26px; }
    .pageHeader.destinationHeader h1 { font-size: 4vw; }
    .pageHeader .titleWrapper h1 .iconBackLink { right: -4vw; }
    .menuWrapper { padding: 30px 0; }
    .menuWrapper > ul { display: flex; max-width: 900px; margin: 0 auto; }
    .menuWrapper > ul > li { flex-basis: 25%; }
    .menuWrapper > ul > li:not(:first-child) { margin-left: 30px; }
    .menuWrapper li { border: 0; }
    .menuWrapper li a { font-size: 16px; }
    .menuWrapper li h6 { border-radius: 3px; color: #002A3F; margin-bottom: 10px; }
    
    .share { top: 50%; left: 100%; width: auto; padding: 0; margin-top: -18px; }
    .shareBtn span { display: none; }
    .shareBtn:after { margin: 0; border-radius: 0 5px 5px 0; top: 0; width: 36px; height: 36px; }
    
    .sectionContentWrapper ul.tabNav { justify-content: center; }
    .departureFrom { position: absolute; left: 0; top: 18px; z-index: 1; }
    .sectionContentWrapper ul.tabNav li a { font-size: 20px; padding: 15px 25px; }
}

@media (min-width: 992px) { /* 992 pixels et plus */
    .navBar .logoHeaderLink { padding: 20px; }
    .navBar .logoHeaderLink img { height: 27px; }
    body #menu-toggle { top: 11px; right: 15px; }
    .menuTop { display: block; text-transform: uppercase; font-size: 14px; padding-right: 60px; }
    .menuTop > ul { display: flex; }
    .menuTop > ul > li { margin: 0 20px; }
}

@media (min-width: 1100px) { /* 1100 pixels et plus */
    
    .homeHeroSection h1 { margin-bottom: 40px; display: inline-block; }
    .homeHeroSection h1 span { margin: 0; top: -33px; left: auto; right: -50px; }
    .aboutSection .btnWrapper { margin-top: 100px;  }
    .aboutSection  { padding-bottom: 150px; }
    .aboutSection .sectionHeader { margin-bottom: 40px; }
    .aboutSection .exoWave { bottom: 10%; }
    .contactColRight { padding-left: 100px; }
    .footer { padding: 100px 0; }
}

@media (min-width: 1300px) { /* 1300 pixels et plus */
    
}