@media only screen and (max-width:1100px) {
    /*Activate Nav*/
    .navBtn {
        display: block;
        background: #f18316;
        padding: 5px;
        width: 53px;
        height: 53px;
        right: 0;
        top: 0;
    }

    .navWrp {
        width: 300px;
        float: none;
        position: fixed;
        right: -310px;
        z-index: 50;
        top: 0;
        bottom: 0;
        background: #e3dfda;
        box-shadow: -5px 0 10px rgba(0,0,0,.2);
        transition: right .2s ease-in-out;
        -webkit-transition: right .2s ease-in-out;
        -moz-transition: right .2s ease-in-out;
        -ms-transition: right .2s ease-in-out;
        -o-transition: right .2s ease-in-out;
    }
    .mainNav a:hover {
        background: transparent;
        color:#000000;
    }

    .slideNav .navOverlay {
        display: block;
        opacity: 1;
    }

    .slideNav .navWrp {
        right: 0;
        margin-top: 0;
        
    }

    .navWrp ul li a {
        padding: 24px 12px 24px 10px;
        display: block;
        color: #6b665f;
        font-size: 12px;
        background: transparent;
        border-right: none;
    }

    .navWrp ul li {
        text-align: left;
        display: block;
        padding-bottom: 0;
        position: relative;
        background:transparent;
    }

    .navWrp ul {
        margin-top: 80px;
    }
    .divide{
        display:none;
    }
    /*----------Subnav (Hidden)----------*/
    .showSubNav {
        display: block;
    }

    .navWrp li ul {
        visibility: hidden !important;
        height: 0;
    }
        /*----------Subnav (Revealed)----------*/
        .navWrp li ul.reveal {
            visibility: visible !important;
            height: 80px;
            position: static;
            margin-top: 0;
            -webkit-transition: height 0.3s ease-in;
            -moz-transition: height 0.3s ease-in;
            -o-transition: height 0.3s ease-in;
            -ms-transition: height 0.3s ease-in;
            transition: height 0.3s ease-in;
        }

    .navWrp ul li ul.reveal li {
        width: 100%;
        padding: 5px 0 5px 10px;
        background: #fffbf1;
        border-bottom: 1px solid #e3dfda;
        font-size: .87em;
        -webkit-transition: background-color 1s ease;
        -moz-transition: background-color 1s ease;
        -o-transition: background-color 1s ease;
        -ms-transition: background-color 1s ease;
        transition: background-color 1s ease;
    }
    /*--------------------*/
    .flags img{
        width:auto;
        display:inline;
    }
    .contactCanada {
        margin-top: 30px;
    }
}


@media only screen and (max-width:900px){
    .border {
        margin: 0px auto;
        width: 100%;
        height: auto;
        border-radius: 0 0 0 0;
    }
    header img{
        width:70%;
    }
    footer img {
        display: none !important;
    }
    img {
        width: 40%;
        display: block;
        margin: 0 auto;
    }
    .footerContent {
        margin: 0px;
        padding: 0.2em 0 0.2em 0em;
        text-align: center;
    }
    .imageCaption {
        text-align: center;
    }
}
@media only screen and (max-width:600px) {
    header img {
        width: 85%;
        display: block;
        margin: 0 auto;
    }
    .footerContent {
        margin: 0px;
        padding: 0;
        font-size:9px;
    }
    .border {
        padding: 0 20px;
    }
    .contactUs{
        text-align:center;
    }
    .flags{
        margin-top:10px;
    }
        .flags a {
            float: none;
            margin: 10px;
            font-size: 9px;
            display: inline-block;
        }
            .flags a:first-of-type {
                margin-left: 10px;
            }
}
@media only screen and (max-width:414px){
    header img {
        width: 100%;
        padding-top: 1em;
    }
    img {
        width: 70%;
    }
    section iframe{
        margin:0 auto;
        display:block;
    }
    .footerContent p {
        margin: 0px;
    }
    .footerContent {
        font-size: 8px;
    }
}
@media only screen and (max-width:375px){
    header img {
        padding-top: 0;
        margin-left: 1.25em;
    }

    .border {
        padding: 0 10px;
    }
    footer .colRow:not(.noRespond){
        padding:0 0 !important;
    }
}
@media only screen and (max-width:320px){
    header img {
        padding-top: 0.5em;
    }
    .footerContent {
        font-size: 7px;
    }
}