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



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

    .iconBackLink { font-size: 40px; }
    .contentWrapper { box-shadow: inset 0 0 10vw rgba(0, 0, 0, 0.1); }
    
    .navBar h1 { float: left; padding: 18px; width: 35%; text-align: left; }
    .rightAreaNavBar { display: block; float: right; width: 35%; min-height: 1px; padding: 10px 18px; text-align: right; }
    .controls { display: inline-block; }
    .controls a { margin: 0; }
    
    .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; }*/
    .share { top: 64%; left: 100%; width: 36px; margin-top: -17px; margin-left: -18px; }
    .shareBtn span { display: none; }
    .shareBtn:after { margin: 0; border-radius: 0 5px 5px 0; top: 0; width: 36px; height: 36px; }
    
}

@media (min-width: 992px) { /* 992 pixels et plus */
    .pageHeaderMain, .pageHeaderMain:before { background-color: #ffdc01; }
}

@media (min-width: 1100px) { /* 1100 pixels et plus */
    .controls a { margin: 0 5px; }
}