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

.container.level2{
	width:80%;
}



.col-2, .col-1-3, .col-2-3{
/*	width:100%;	*/
}


}



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

.thumbs img {
	height: 180px;
}
	
	
}

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

.col-2, .col-1-3, .col-2-3{
	width:100%;	
}
	
.thumbs img {
	height: 180px;
}
	
.container {
	width: 100%;
}
	
.servicos {
    width: 100%;
}

	
	.containerCases{
		padding-left:10%;
		width:90%;
	}
	
.containerMarcas{
	text-align: center;
}
	
	
}



@media only screen and (max-width: 700px) {
	
	
	#header{
	background:url("../img/sabrina-cover.png") top right no-repeat;
		height:100vh;

	}

span.contentVideoOverlay span {
    display: block;
    margin-top: -50px;
}

	#banner video.videoBanner{
		opacity:0;
	}
	
#banner {
    height: 80vh;
	}
	
	
.logoBanner {
    width: 90%;
}
	
	

	.logo{
		float:none;
	}
	

	
#navBar {
	position: fixed;
    left: -300px;
    top: -490px;
	background:url("../img/hamburger.png") bottom right no-repeat #000;
	}
	
	#navBar:hover{
		top:0;
		left:0;
		background-image: none;
	}
	
	
nav.menu ul {
    text-align: left;
	margin-left:2%;
	padding-top: 0;
	}
	
	nav.menu li {
    display: block;

}
	
	#btnTrigger{
		display:block;
	}
	
	
.thumbs img {
    height: 170px;
    width: auto;
	margin: .4em;
	}
	

	
	
	
}