@media only screen and (max-width: 1280px) {
.body { width:96%;}
}

@media only screen and (max-width: 1152px) {
.last-projects article a img { height:165px;}
.item img { height:135px;}
}
@media only screen and (max-width: 1024px) {
.section-title h3, .news aside h3, .gallery aside h3, .page-title h1 { font-size:1.75rem;}
.item img { height:120px;}

.social { width:25%;}
.right-footer {width:75%; padding-left:2rem;}
.last-projects article { width:50%;}
.last-projects article h5 { top:4rem;}

.news aside { width:100%; text-align:left;}
.news aside div {padding:1rem 2rem; width:100%;}
.news article { width:100%; float:left; background:#dddddd}

.news .post { width:50%; float:left; padding:2rem; border-left:1px solid #ffffff;}
.news .post:nth-of-type(3n+1) {border-left:1px solid #ffffff;}
.news .post:nth-of-type(2n+1) {border-left:0px solid #ffffff;}
.news .post:nth-of-type(4) { padding-bottom:0}

.item img { width:100%;}

.item h2 { bottom:3rem; font-size:1.75rem; padding:1rem 0 1rem 1rem; }

#video-carousel .owl-prev,
#video-carousel .owl-next {width:41px; height:41px; right:0; }
#video-carousel .owl-prev {bottom:8rem; -webkit-background-size:100%; background-size:100%;}
#video-carousel .owl-next {bottom:5rem; -webkit-background-size:100%; background-size:100%;}

.logo {max-width:250px; padding-left:1rem}
nav.main-nav { width:calc(100% - 250px);}

nav.language-bar { font-size:1rem;}
.page-title h1 { width:50%;}
.news-inner .post { width:50%;}
.last-projects article a img { height:290px;}

}

@media only screen and (max-width: 1010px) {
nav.main-nav { position: absolute; left:0; top:-100vh; width:100%;  height: 90vh; padding:0; transition: top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94); overflow: auto;  background:#282828; overflow:auto}
#nav_open {position:absolute; appearance:none; cursor:pointer; left:-100%; top:-100%;}

#nav_open + label {position: absolute; cursor:pointer; background: url(../img/open.svg) no-repeat center center rgba(0,0,0,.5); -webkit-font-smoothing: antialiased; margin:0; transition:all 500ms ease; right:1rem; top:1.9rem; width:41px; height:41px; z-index:100}
#nav_open + label:after { content:"";}

.body {transition: margin 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);}

#nav_open:checked ~ nav.main-nav { top: 0;}
#nav_open:checked ~ .body { margin-top:90vh;}
#nav_open:checked + label { background: url(../img/close.svg) no-repeat center center; top:0}
#nav_open:checked + label:after { content:""}
#nav_open:checked ~ .body header { position:absolute}

header { top:1.9rem;}
.logo {max-width:200px; padding-left:1rem; margin-top:0}
.logo img { width:80%;}

nav.main-nav ul {margin:2.5rem 0 0; display:table; width:100%; }
nav.main-nav ul li { display:block; text-align:center; padding:1rem 0; border-top:2px solid rgba(250,207,9,.6);}
nav.main-nav ul li.active, nav.main-nav ul li:hover {border-top:2px solid rgba(176,177,179,1);}

.item img { height:130px;}
}

@media only screen and (max-width: 959px) {
.social { width:100%;}
.right-footer {width:100%; padding-left:1rem; text-align:left;}
nav.bottom-nav a { padding-left:0; padding-right:1rem;}
.gallery aside { width:100%; float:left; text-transform:uppercase;}
.gallery aside div {width:100%; padding-left:2rem; padding-top:1rem; padding-bottom:1rem;}
.gallery .owl-carousel { width:100%; height:auto !important}

.gallery .owl-carousel .owl-controls .owl-nav .owl-prev,
.gallery .owl-carousel .owl-controls .owl-nav .owl-next { display:block !important}

.item h2 { width:45%;}

.section-title { width:33.33%;}
.testimonials:after {width:33.33%;}
.testimonial {width:66.66%;}
.last-projects article a img { height:270px;}
.item img { height:120px;}
}

@media only screen and (max-width: 700px) {
#video-carousel { width:100%; float:left; position: relative;}
#video-carousel .item { width:100% !important; position:relative;padding-bottom: 56.25%; height: 0;} 

.item h2 { margin:0; position: relative; bottom:auto !important; float:left; background:rgba(250,207,9,1); padding:1rem 0 2rem 1rem; width:100%; z-index:20000;}
#video-carousel .owl-prev { bottom:14rem;right:1rem;}
#video-carousel .owl-next { bottom:11rem;right:1rem;}

.contact-info { width:100%; padding-bottom:2rem; padding-right:0;}
.contact-form { width:100%; padding-left:0;}
.last-projects article a img { height:200px;}
}

@media only screen and (max-width: 639px) {
.section-title { width:30%;}
.testimonial { width:70%;}
.testimonials:after { width:30%;}
nav.bottom-nav a { display:inline-block; padding-bottom:1rem;}
.last-projects article h5 { top:2rem;}
header { top:1.9rem;}
.logo {max-width:170px; padding-left:1rem; margin-top:0}
.logo img { width:80%;}
.last-projects article a img { height:180px;}
}

@media only screen and (max-width: 599px) {
.section-title { width:100%; text-align:left; padding-bottom:2rem}
.testimonial { width:100%;}
.testimonials:after { width:100%;}
.last-projects article h5 { top:1rem; font-size:1.143rem;}
.last-projects article { width:100%;}
.last-projects article h5 { top:3rem;}
.news .post { width:100%; border-left:0px solid #ffffff !important; border-bottom:1px solid #ffffff; padding-bottom:2rem !important;}
.news .post:last-of-type { border-bottom:none;}

#video-carousel .owl-prev {bottom:3.5rem; -webkit-background-size:100%; background-size:100%;}
#video-carousel .owl-next {bottom:.5rem; -webkit-background-size:100%; background-size:100%;}

.page-title h1 { width:80%;}
.news-inner .post { width:100%;}

.page img { margin:.5rem 0; display:block; width:100%;}
.last-projects article a img { height:170px;}
}