@import url('https://fonts.googleapis.com/css2?family=Alfa+Slab+One&display=swap');

@media screen and (max-width:760px) {
	
	body{
		margin:0px;
		padding:0px;
		background-color:#000;
	
	}	
	
	
	#topoprincipal{
		
	width:100%;
	height:60px;
	background-image: linear-gradient(to bottom, #000, #333, #000,#000,#333);
	}
	#topoprincipal2{
	
		width:100%;
		height:50px;
		background-image: linear-gradient(to bottom, #000, #333, #000,#000,#333);
	}
	
	#topo2{
	font-family:Arial;
	font-size:12px;
	text-align:center;
	
	width:100%;
	height:20px;
	line-height:20px;
	background-image: linear-gradient(to bottom, #d3af37, #efb810);
	border-bottom:groove 4px #d3af37;
	border-top:groove 4px #d3af37;
	}

	img.logo{
	width:20%;
	margin:auto;
	display:block;
	position:relative;
	top:15px;
	
}


#corpo{
	width:98%;
	min-height:500px;
	height:auto;
	margin:auto;
	color:#fff;
	font-family:Arial;
	font-size:14px;

}

#caixa1{
	width:99%;
	height:500px;
	margin:auto;
	border:solid 1px #222;
	border-radius:20px;
	color:#fff;
	text-align:left;
	background-image: linear-gradient(20deg, #000, #111, #111);
	
}

#caixa2{
	display:none;
}
#caixa2a{
	width:99%;
	height:300px;
	margin:auto;
	color:#fff;
	text-align:center;
	
}


#caixa3{
	width:100%;
	height:200px;
	border:groove 2px #333;
	border-radius:20px;
	color:#fff;
	text-align:center;
	
}

img.topo{
	width:98%;
	
	}

img.texto{
	width:99%;
	}

form.vem{
	width:90%;
	height:auto;
	margin:auto;
	
	
}

input.bora{
	width:96%;
	height:30px;
	border:solid 2px #333;
	background-color:#040404;
	color:#fff;
	border-radius:10px;
	padding:5px;
	margin:auto;
}

input.botao{
	width:80%;
	height:40px;
	margin:auto;
	display:block;
	background-image: linear-gradient(45deg, #d3af37, #efb810,#d3af37, #efb810, #f9db5c,#d3af37, #efb810,#efb810);
	border-bottom:groove 2px #d3af37;
	border-top:groove 2px #d3af37;
	border-radius:20px;
	
	font-size:22px;
	font-weight:bold;
}

#linha{
	height:10px;
}
/*----- FIM LISTA DEPOIMENTOS ---------------*/



/*------------------------------------------------------------*/
/*-------------------- LIMITE --------------------------------*/	
}

/* --->>> VERSÃO DESKTOP <<---------------------------------------------*/

@media screen and (min-width:768px) {

body {
    margin: 0;
    padding: 0;
    background-color:#000;
}

	
	
	#topoprincipal{
	
		width:100%;
		height:100px;
		background-image: linear-gradient(to bottom, #000, #333, #000,#000,#333);
	}
	

#topo2{
	font-family:Arial;
	font-size:12px;
	text-align:center;
	width:100%;
	height:40px;
	line-height:20px;
	background-image: linear-gradient(45deg, #d3af37, #efb810,#d3af37, #efb810, #f9db5c,#d3af37, #efb810,#efb810);
	border-bottom:groove 4px #d3af37;
	border-top:groove 4px #d3af37;
	}
img.logo{
	width:10%;
	margin:auto;
	display:block;
	position:relative;
	top:15px;
	
}

#corpo{
	width:60%;
	min-height:500px;
	height:auto;
	margin:auto;
	color:#fff;
	font-family:Arial;
	font-size:14px;

}

#caixa1{
	width:40%;
	height:500px;
	border:solid 1px #222;
	border-radius:20px;
	color:#fff;
	text-align:left;
	float:right;
	background-image: linear-gradient(20deg, #000, #111, #111);
	
}

#caixa2a{
	display:none;
}
#caixa2{
	width:60%;
	height:500px;
	
	color:#fff;
	text-align:center;
	/*
	background-image:url('../img/fundo1.png');
	background-repeat: no-repeat;
	background-size:100%,100%;
	background-position:center center;
	*/
}

#caixa3{
	width:100%;
	height:200px;
	border:groove 2px #333;
	border-radius:20px;
	color:#fff;
	text-align:center;
	
}

img.topo{
	width:98%;
	float:right;
}

img.texto{
	width:99%;
	}

form.vem{
	width:90%;
	height:auto;
	margin:auto;
	
	
}

input.bora{
	width:96%;
	height:30px;
	border:solid 2px #333;
	background-color:#040404;
	color:#fff;
	border-radius:10px;
	padding:5px;
	margin:auto;
}

input.botao{
	width:80%;
	height:40px;
	margin:auto;
	display:block;
	background-image: linear-gradient(45deg, #d3af37, #efb810,#d3af37, #efb810, #f9db5c,#d3af37, #efb810,#efb810);
	border-bottom:groove 2px #d3af37;
	border-top:groove 2px #d3af37;
	border-radius:20px;
	
	font-size:22px;
	font-weight:bold;
}

#linha{
	height:10px;
}
/*------------------------------------------------------------*/
/*-------------------- LIMITE --------------------------------*/
}