.conteudo {
	background: #f4f6f8 0% 0% no-repeat;
	margin-top: 20px;
	position: relative;
	margin-top: 72px;
}

.banner1, .banner2, .banner3, .banner4 {
	z-index: 6;
	position: relative;
	cursor: pointer;
	height: 80vh;
}

.banner1::before {
	content: "";
	position: absolute;
	top: 0; 
	left: 0;
	width: 100%; 
	height: 80vh;  
	opacity: 0.3; 
	z-index: -1;
	background: url('../img/banner_tecnologiaaprendizagem.jpg') no-repeat;
	background-size: cover;
	background-position: center;
}
	
.banner2::before {
	content: "";
	position: absolute;
	top: 0; 
	left: 0;
	width: 100%; 
	height: 80vh;  
	opacity: 0.3; 
	z-index: -1;
	background: url('../img/banner_planosdeaula.jpg') no-repeat;
	background-size: cover;
	background-position: center;
}
	
.banner3::before {
	content: "";
	position: absolute;
	top: 0; 
	left: 0;
	width: 100%; 
	height: 80vh;  
	opacity: 0.3; 
	z-index: -1;
	background: url('../img/banner_apps.jpg') no-repeat;
	background-size: cover;
	background-position: center;
}

.banner4::before {
	content: "";
	position: absolute;
	top: 0; 
	left: 0;
	width: 100%; 
	height: 80vh;  
	opacity: 0.3; 
	z-index: -1;
	background: url('../img/banner_ava.jpg') no-repeat;
	background-size: cover;
	background-position: center;
}

.banner1:hover::before, .banner2:hover::before, .banner3:hover::before, .banner4:hover::before {
	opacity: 1;
}

.icone {
	margin-top: 65%;
}

.texto {
	text-align: center;
	font-size: 24px;
	letter-spacing: 0;
	color: #FFFFFF;
	text-shadow: 0px 3px 6px #003141;
}

.banner-fundo {
	background: rgba(0, 44, 88, 0.9);
}

iframe {
	border:1px #C0C0C0 solid;
}

@media (max-width: 600px) {	
	.icone {
		margin-top: 55%;
	}
}

/*ipad portrait*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {	
	.icone {
		margin-top: 100%;
		padding-top: 10%;
	}
}

/*ipad landscape*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { 
	.icone {
		margin-top: 100%;
		padding-top: 10%;
	}
}