@media screen and (max-width:760px) {
	
	body{
		margin:0px;
		padding:0px;
		background-color:#e0e0e0;
		
	}	
	
	#topoprincipal{
	
	width:100%;
	height:100px;
	background-image: linear-gradient(to top, #000, #333);
	background-color:#000;

	}



	body{
		margin:0px;
		padding:0px;
		background-color:#e0e0e0;
		
	}	
#corpo{
	
	width:100%;
	height:300px;
	background-image: linear-gradient(to top, #efefef, #ccc);
	background-color:#efefef;
	border-bottom:groove 2px #fff;
		background-image:url('../img/logo2.png');
	background-size:10%,10%;
		
	}
	
video.uber{
	width:90%;
	height:auto;
	display:block;
	margin:auto;
	border:solid 5px #fff;
	box-shadow:5px 5px 5px #333;
	position:relative;
	top:20px;
}	

img.logo{
	width:16%;
	height:auto;
	display:block;
	margin:auto;
	padding-top:20px;
}
	
		#rodape{
			width:100%;
			height:300px;
			background-image: linear-gradient(to top, #000, #333);		
			border-top:4px solid #fff;
			
		}

a.blz{
	width:90%;
	height:50px;
	line-height:50px;
	display:block;
	text-decoration:none;
	color:#000; 
	text-align:center;
	font-size:20px;
	
	font-family:Arial;
	border-radius:10px;
	position:relative;
	top:20px;
	margin:auto;
	background-color:#babaca;
	background-image:url('../img/whats.png');
	background-repeat: no-repeat;
	background-size:10%,10%;
	background-position:36px;
	
	
}
	




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

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

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

	body{
		margin:0px;
		padding:0px;
		background-color:#e0e0e0;
		
	}	
	
	#topoprincipal{
	
	width:100%;
	height:100px;
	background-image: linear-gradient(to top, #000, #333);
	background-color:#006400;
	border-bottom:groove 2px #fff;
	
	
	position: fixed;
    top: 0;
    left: 0;
    z-index: 1000; /* Garante que o topo ficará sobre outros elementos */
	}
	
	#corpo{
	
	width:100%;
	height:550px;
	background-image: linear-gradient(to top, #efefef, #ccc);
	background-color:#efefef;
	border-bottom:groove 2px #fff;
	
	background-image:url('../img/logo2.png');
	background-size:10%,10%;
	/**		opacity: 0.3; /* nível de transparência */
	
		
	}
video.uber{
	width:50%;
	height:auto;
	display:block;
	margin:auto;
	border:solid 5px #fff;
	box-shadow:5px 5px 5px #333;
	position:relative;
	top:110px;
}	

img.logo{
	width:6%;
	height:auto;
	display:block;
	margin:auto;
	margin-top:10px;
}
	
		#rodape{
			width:100%;
			height:300px;
			background-image: linear-gradient(to top, #000, #333);
			border-top:4px solid #fff;
			
		}

		

a.blz{
	width:30%;
	height:50px;
	line-height:50px;
	display:block;
	text-decoration:none;
	color:#000; 
	text-align:center;
	font-size:20px;
	
	font-family:Arial;
	border-radius:10px;
	position:relative;
	top:20px;
	margin:auto;
	background-color:#babaca;
	background-image:url('../img/whats.png');
	background-repeat: no-repeat;
	background-size:10%,10%;
	background-position:36px;
	
	
}
/*------------------------------------------------------------*/
/*-------------------- LIMITE --------------------------------*/
}