@media (max-width: 603px) {
	.formulario #nome,#assunto{
		width:100%;
	}
	
	.formulario #telefone{
		width:100%;
	}

	.formulario #email{
	width:100%;
	}
}

@media screen and (max-width: 800px) {
	.texture-overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image: url("../images/pattern-2.png");
	}
	
	.hero {
		position: relative;
		min-height: 569px;
		background: url('../images/bg-responsivo.jpg') no-repeat top center;
	}

	nav ul li { 
	margin-left:0;
	text-align:center;
	}

	nav ul li a { 
		padding: 9px 0;
		float:none;
	}

	.navicon {
		margin-top:20px;
		position:relative;
		z-index:500;
	}

	.logo {
		width:96%;
		height: 132px;
   	    bottom: 22px;
	}

	.redes-sociais{
		margin:-30px 0 0 74px;	
	}
	
	.redes-sociais .youtube{
	margin-left:12px;
	}

	.redes-sociais .instagram{
	margin-left:14px;
	}
	
	.nulo{
		display:none;
	}

	#contatos{
	width:100%;
	height:auto;
	padding-bottom:60px;
	} 
	
	#contatos .endereco{
	text-align:center;
	margin-bottom:24px;
	}

	#contatos .telefone{
	text-align:center;
	}

	.formulario .btn {
	padding:8px 0;
	width:100%;
	}
	
	footer p { 
		float: none; 
		width: 100%; 
		height: auto; 
		text-align: center; 
	}
	
  	footer .autor { 
		float: none; 
		margin: 15px auto 0;
		text-align:center
	} 
	
	.topo{
		top:-80px;
		left:50%;
	}
}

@media screen and (max-width:991px) {
	.producoes ul li{
	width:50%;
	}
}

@media screen and (min-width: 801px) and (max-width: 1024px) {
	nav ul li { 
	margin-left:60px;
	}
}

@media screen and (min-width: 992px) and (max-width: 1024px) {
	nav ul li { 
	margin-left:162px;
	}
}

@media screen and (max-width:465px){
	.use-btn {
	display:none;
	}

	.producoes ul li{
	width:100%;
	min-height:100%;
	float:none;
    }
	
	#instagram h1{
    font-family: 'proxima_novabold';
	font-size: 15px;
	text-transform:uppercase; 
	color:#fff;
}

}