/* =============================
========= X-LARGE >1280PX ======
============================= */

@media screen and (max-width: 1280px) {


}


/* =============================
========= LARGE >1024PX ======
============================= */

@media screen and (max-width: 1024px) {

.pure-menu-link {padding: 0.5em;}

}

@media screen and (max-width: 850px) {
  .pure-menu-link {padding: 0.5em 0.25em;}

}

/* =============================
========= MEDIUM >768PX ======
============================= */

@media screen and (max-width: 767px) {
    .custom-menu-3 {
        text-align: center;
    }

    .custom-toggle {
        display: block;
    }

    .GOAWAY {display: initial;}
    .noMobile {display: none;}
    #wrapper {padding: 0 1em;}

    footer {text-align: center;}

.push {padding: 0 1em 0 1em;}
.buffer {margin: 1em 0; padding: 4em 1em;}
.buffer h5 {margin-top: 2em;}
.buffer img {border: 6px double #8C8C8E; margin-top: 0em;}
.hero {margin: 0;}

#menu {
    border-top: 0px double;
    border-bottom: 0px double;
    padding-bottom: 0em;
}

header img {width: 50%; padding: 1.5em 0 0 0;}
header {background: rgba(255, 255, 255, 0.0);}
.pure-img {width: 75%; height: auto;}
.pure-img img {width: 100%; height: auto;}
h5 {padding-top: 1.5em;}
.line h2 {margin: 0;}

}

/* =============================
========= SMALL >568PX ======
============================= */

@media screen and (max-width: 567px){
.box img {width: 50%;
    margin: 0.25em auto;
    height: auto;
}

.box {margin: 2em 0;}
.hero {display: none;}
footer {background-color: rgba(255,255,255,0.5);}



}

@media (max-width: 47.999em) {



}