@media (min-width: 479px) {
 
}
@media (max-width: 585px) {
    .banner .mentionIntentions {font-size:3rem;}
    .banner {
        min-height: 220px;
        margin-bottom: 30px;
    }
    .HomePageTitle h1 {
        font-size:4rem;
        text-align:center;
    }
    .m-block {
        display: block;
        padding-left: 0;
        text-align: center;
    }
    #WhereAreYouGoing h1.WhereTitle {
        font-size: 3rem;
    }   
}
@media (max-width: 767px) {
    .HeroImage {
        margin-top: 0px;
    }
    .HeroContent {
        width:100%;
        left:0px;

    }
    .vcenter-overlay .vbottom {
        padding-bottom: 30px;
        width: 100%;
        bottom: 0px;
        position: initial;
        padding-left: 0px;

    }
    #ActivitiesAnchors {
        display: block;
    }
    .CategoryIntro {
        margin-top: 30px;
    }

    #footer-dva {
        padding:15px;
    }
    #footer-dva img {
        width:100%;
        display:block;
        float:none;
        margin-bottom: 20px;
    }
    #topicSections .topicSectionsHeader{
        background-color: rgba(0,0,0,0.5);
        position: absolute;
        right: 0px;
        height: 100%;
        width: 50%;
        color: #fff;
        padding-left: 1em;
    }
    #topicSections .topicSectionsHeader h2{
        font-size:2.8em;
    }
    #topicSections .topicSectionsHeader em {
        margin-left: 0px;
        font-size:1.3em;
        font-weight: 500;
        line-height:1.7;
    }
    #topicSections{
        display:none;
    }
    #topicSections .topicSection {
        padding:0px;
    }
    .HomePage #topicSections{
        display:none;
    }
    .topicSectionArrow > .fa.fa-chevron-down {
        display:none;
    }
    #topicSections .topicSectionMobileArrow {
        display:block;
        position: absolute;
        font-size: 2.4em;
        right: 10px;
        color: rgba(255,255,255,0.5);
    }

    .mobileMenu .PrimaryEmergencyNumber{
        background-color: rgba(55,123,156,1);
        color: #ffffff;
        font-weight: 700;
        height:60px;
        line-height: 40px;
        overflow:hidden;
    }
    .mobileMenu .PrimaryEmergencyNumber > span{
        position:absolute;
        left:0;
        width:60px;
        height:60px;
        background-color:#808080;
        color:#ffffff;
    }
    .mobileMenu .PrimaryEmergencyNumber > div {
        margin-left:40px;
        padding-left:40px;
    }
    .mobilePrimaryNumber {
        height: 60px;
        line-height: 60px;
    }
    .mobilePrimaryNumber > span{
        margin-right:15px;
        font-weight: 400;
        font-size:0.9em;
        vertical-align:middle;
    }
    .mobilePrimaryNumber > strong{
        font-size:1.5em;
        vertical-align:middle;
    }
    .mobileSearchmenuactivator,
    .mobileSearchmenuactivator:hover,
    .mobileSearchmenuactivator:active,
    .mobileSearchmenuactivator:focus{
        font-size: 40px;
        text-align: center;
        line-height: 50px;
        vertical-align: top;
        overflow: hidden;
        display: block;
        height: 60px;
        color: #ffffff;
        line-height: 60px;
        cursor: pointer;
    }
    .mobileSearchmenuactivator .fa.fa-bars {
        width: 60px;
        height: 60px;
        padding: 5px;
    }
    #mobileSearchForm {
        background-color: #f2f2f2;
        margin-left: -15px;
        margin-right: -15px;
        padding: 15px;
    }
    .mobileSearchformactivator {
        display: block;
        width: 100%;
        height: 100%;
        color:#333;
    }
    .mobileSearchformactivator i.fa {
        height: 100%;
        font-size: 2.5em;
        padding: 2rem;
    }
    #mobileLogo a {padding:1.5rem;display: block;}
    #main .pageHeader {
        max-height: initial;
    }
    .pageHeader h1 {
        font-size: 1.5em;
    }
    /*    .pageHeader img.stretch {
            display:none;
        }*/
    .pageHeader .vcenter-overlay {
        position:relative;
    }
    .pageHeader .vcenter {
        position: relative;
        top: none;
        -webkit-transform:none;
        -ms-transform: none;
        transform: none;
        padding:0px 15px;
        margin-top:15px;
        color:#000 !important;
    }

    footer .footerAccent {
        margin-bottom: 20px;
    }
    #topicSuggest .vertical-align {
        display: block;
        align-items: center;
    }

    #topicSections .topicSectionMenu {
        position: fixed;
        z-index: 2;
        margin: 0px;
        overflow-y: auto;
        background-color: rgba(236, 236, 236,1);
        left:-10000px;
        border-left: 3em solid #cccccc;
    }
    #topicSections .topicSectionMenu .closeMenu {
        position: fixed;
        left: 0px;
        z-index: 10;
        width: 3em;
        background-color: #808080;
        height: 6em;
        line-height: 6em;
        text-align: center;
        color: #ffffff;
        /* top: -8px; */
    }
    #topicSections .topicSectionMenu .closeMenu a {
        cursor: pointer;
        color: #ffffff;
        display: inline-block;
        width: 3em;
    }
    #topicSections .topicSectionMenu.slideIn {
        left:0px;
        display:block;
        -webkit-transition: left 200ms;
        -moz-transition: left 200ms;
        -o-transition: left 200ms;
        transition: left 200ms;
    }
    .topicSectionMenu ul li a {
        text-transform: uppercase;
        color: #000;
        font-weight: 400;
        display: block;
        /*        font-size: 1.6em;
                margin-bottom: 30px;*/
    }
    .topicSectionMenu .callToActionLink  {
        font-size: 1.3em;

    }
    .owl-carousel .featuredTopic {
        margin-left: 30px;
        margin-right: 30px;
    }
    .owl-controls .owl-prev {
        left: 0px;
        width: 30px;
        text-align: center;
    }
    .owl-controls .owl-next {
        right: 0px;
        width: 30px;
        text-align: center
    }
    .HomePageContentBlock .HomePageTitle {text-align: left;margin-bottom:30px;}
    .HomePageContentBlock .HomePageContent .inner{padding-left:0px;}
    .HomePageContentBlock > div{
        margin-top:30px;
        margin-bottom:30px;
    }
    
    .footer-nav-links a.link {
        display:block;
        margin-top: 15px;
        margin-bottom: 15px;
        
    }
    .footer-nav-links a, .footer-nav-links span {
        border: 0; 
    }    
}
@media (min-width: 768px) {
    .emergency-number-title {
        display: inline-block;
        max-width: 65%;
    }
    #ActivitiesAnchors {
        display: inline-block;
    }
    .vcenter-overlay .vbottom {
        bottom: 0;
        position: absolute;
        margin-bottom: 30px;
        width: 100%;
    }
    .verticalAlign {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .col-xs-5ths,
    .col-sm-5ths,
    .col-md-5ths,
    .col-lg-5ths {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }
    .col-xs-5ths {
        width: 20%;
        float: left;
    }

    #topicSections .topicSectionsHeader {
        background-color: rgba(55,123,156,1);
        color: #fff;
        margin: 0px -15px;
        padding: 10px 15px;
        position: relative;
        cursor: pointer;
        -webkit-transition: background-color 0.3s ease-out;
        -moz-transition: background-color 0.3s ease-out;
        -o-transition: background-color 0.3s ease-out;
        transition: background-color 0.3s ease-out;
        border-right: 1px solid #ffffff;
    }
    #topicSections .topicSection:last-child .topicSectionsHeader:last-child {
        border-right: 0px solid #ffffff;
    }
    #topicSections .topicSectionsHeader.active,
    #topicSections .topicSectionsHeader:hover{
        background-color: #6E9BB2;
    }


    #topicSections.fixed{
        position:fixed;
        top:0;
        width:100%;
        z-index:3;
        padding-left: 0;
        padding-right: 30px;
    }
    .desktopMenu {
        display:block;
    }
    .mobileMenu {
        display:none;
    }

    .col-sm-5ths {
        width: 20%;
        float: left;
    }
    .topicSectionMenu {
        overflow-y: auto;
    }

    #topicSections .topicSectionMenu {
        position: absolute;
    }

    body.TopicCategory #CategoryLead  h1 {
        margin-top:15px;
    }
    #WhereAreYouGoing:before {
        background-position: 50% 90%;
        background-size: 50%;
    }
}
@media (max-width: 849px) {
    .banner .col-left {display:inline-block;padding-right: 0px;}
    .banner .col-right {display:inline-block;padding-top: 4px;padding-left: 0px;text-align: left;}
    .banner .text-right {
        text-align:center;
    }
    .banner .text-intentions {}
    .banner .text-intentions > div {
        margin: auto;
        display: block;
        text-align: center;
    }
    .banner .border-right{
        border-bottom:1px solid #E1FD8F;
        padding-bottom:15px;
    }
    .banner .saveYourLife {
        font-size:2.8rem;
    }
}
@media (min-width: 850px) {
    .banner .col-left {display:inline-block;padding-right: 15px;}
    .banner .col-right {display:inline-block;padding-top: 4px;padding-left: 15px;text-align: left;}
    .banner .text-right {
        text-align:right;
    }
    .banner .border-right{
        border-right:1px solid #E1FD8F;
    }

    .banner .text-intentions > div {
        margin: auto;
        display: block;
        text-align: center;
    }
    .banner .saveYourLife > span {
        display: block !important;
    }
}
@media (max-width: 991px) {
    .SafetyCodeRow {
        margin-left:0px;
        margin-right:0px
    }
    .owl-controls .owl-next {
        right: -15px;
    }
    .owl-controls .owl-prev {
        left: -15px;
    }
    #WhereAreYouGoing .SafetyCodeTeaser {padding: 30px 0px 30px 45px;}
    #WhatAreYouDoing {margin-top: 90px;}
}
@media (min-width: 992px) {

    .SafetyCodeContainer {
        width: 970px;
        margin-right: auto;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 15px;
    }
    .col-md-5ths {
        width: 20%;
        float: left;
    }
    .pageHeader .vcenter {
        padding: 0 15px;
    }
    /* Homepage stuff */
    #WhereAreYouGoing {
        background-color: #dbebe3;
        background: linear-gradient(180deg, #dbebe3 70%, rgba(255,255,255,1) 70%);
        padding:30px 15px;
        text-align: center;
    }
    #WhereAreYouGoing:before {
        background-position: 5% 10%;
        background-size: 33.33333%;
        left: 0%;
        top: 0;
    }


    #WhereAreYouGoing p.WhereIntro{width: 66.66666667%;}
    #WhereAreYouGoing .SafetyCodeTeaser {
        background: none!important;
    }
    .SafetyCodeTeaser {
        overflow:hidden;
        height:400px;
        overflow: hidden;
        margin-bottom: 0px;
    }
    #WhereAreYouGoing .SafetyCodeTeaser .SafetyCodeImage {
        display: block;
        left: -50px;
        top: 50px;
        position: absolute;
    }
    .SafetyCodeTeaser .IconWrapper {
        position:absolute;
        left:0px;
        right:0px;
        top: 0;
    }
    .SafetyCodeTeaser img{
        overflow: hidden;
        max-width: initial !important;
    }
    #WhereAreYouGoing .SafetyCodeTeaser .text-overlay {
        position: absolute;
        bottom: 15px;
        margin: auto;
        left: 15px;
        right: 15px;
    }
    #WhereAreYouGoing .text-overlay .ShortTitle{
        font-size: 3rem;
    }
    #WhereAreYouGoing .text-overlay .ShortDesc{
        font-size: 16px;
    }
    #WhereAreYouGoing .SafetyCodeIcon {}
    #WhereAreYouGoing .SafetyCodeRow {
        margin-top: 25px;
    }
    #WhoAreYouTelling .WhoIntro{font-size: 30px;margin-bottom:15px;}
    #WhoAreYouTelling .WhoSub{font-size:20px;margin-bottom: 15px;}
}
@media (min-width: 1005px) {
    #WhereAreYouGoing .SafetyCodeRow {
        margin-left: 30px;
        margin-right: 15px;
    }
    .SafetyCodeTeaser img{
        transform: skewX(10deg);
    }
    #WhereAreYouGoing .text-overlay{
        transform: skewX(10deg);
    }
    .SafetyCodeTeaser {
        -webkit-transform: skewX(20deg);
        -ms-transform: skewX(20deg);
        transform: skewX(-10deg);
        overflow:hidden;
        height:400px;
        overflow: hidden;
        height: 400px;
        border-right: 15px solid transparent
    }
}
@media (max-width: 1100px) {
    #EmergencyNumbers .PrimaryEmergencyNumber {
        font-size: 1em;
    }
}
@media (min-width: 1200px) {
    .SafetyCodeContainer {
        width: 1170px;
    }
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}