@charset "utf-8";

/* CSS Document */

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

#home .banner img { margin: -20% 0; }

.banner .banner-content { padding-left: 0; }

.wrapper, .banner .banner-content { width: 80%; }

}

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

#home .banner img { margin: -10% 0; }

.banner * { text-align: center; }

.banner p { width: 100%; }

.banner .banner-gradient { background: rgba(255,255,255,0.5); }

.col-1-2 .column { width: 100%; margin-right:0; }

.col-1-3 .column, .col-1-4 .column { width: 46%; margin-right: 8%; padding: 40px 0; }

.col-1-3 .column > :nth-child(2n+2).column, .col-1-3 > :nth-child(2n+2).column, .col-1-4 .column > :nth-child(2n+2).column, .col-1-4 > :nth-child(2n+2).column { margin-right: 0 !important; }


}

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

.wrapper, .banner .banner-content { width: 90%; }

header { height: 60px; }

header img { height: 30px; padding: 15px 0; }

header img:hover { height: 30px; padding: 15px 0px; }

header [class^="icon-"] { font-size: 1.6rem; }

header [class^="icon-"]:hover { font-size: 1.6rem; }

.col-1-3 .column, .col-1-4 .column { width: 100%;margin-right:0; }

.lightbox .lightbox-box { width: 80%; }

h1, h2 { font-size: 1.6rem; }
}

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

.banner img { height: 110% !important; margin: 0 !important; right: 0 !important; width: auto !important; }
}

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

.banner img { height: 100% !important; }
}