@charset "utf-8";

/* todas as demais medias */

/* typical device breakpoints
-------------------------------
pequenas telas até 600px
celular 600 ate 768 px
tablet 768 a 992 px
desktop 992 ate 1200 px
grandes telas acima de 1200 px
*/

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

header{
	width: 100vw;
	/* height: 10vh; */
	/* padding: 1%; */
	/* border: 1px solid black; */
	background-image: linear-gradient(#00AFEF, #ABE9FF, #00AFEF);
	position:fixed;
	z-index:3;
	display: flex;
	justify-content: space-around;
}



      
header section#texto-cabecalho{
	display:block;
	
}

header section#texto-cabecalho p{
	font-size:24px;
	font-weight:bold;
	color: #F0F0F0;
	text-align: center;
	margin:0px auto 3px auto;
	text-shadow: 0.5px 0.5px 0.5px black;
}

header section#telefone-cabecalho{
	display:block;
	/* height: 24px; */
	background-image: url(../00-img-site/03-icones-whatsup.png);
	background-repeat: no-repeat;
	background-position: center center;	
}

header section#telefone-cabecalho p{
	font-size: 20px;
	/* line-height:60px; */
	font-weight: bolder;
	text-align: center;
	/* margin: 0px auto 3px auto; */
	color:yellow;
	text-shadow: 1px 1px 1px black;
	/*vertical-align: middle;*/
}

header section#bandeiras{
	display:block;
}

header section#bandeiras ul{
	list-style-type:none;
	display:block;
	margin: 0;
	padding: 0;
}

header section#bandeiras ul li{
	display:block;
}

header section#bandeiras ul li a{
	display:block;
	text-decoration:none;
}

header section#bandeiras ul li a:hover{
	display: block;
	/*color: #FF0;*/
	transition-duration: 0.5s;
	opacity: 0.5;
}

            
img#icone-burger{
            	display: none;
}

nav{
      
      
      	margin: 9vh 0 0 0 ;
      
      
}

nav > ul{
	/* display: block; */
	display: flex;
	flex-direction: row;
	justify-content:space-around;
}

nav > ul > li {
            
            	display: inline-block;                
}

main{
	width: 768px;
}

main{
	width: 80vw;
	margin: auto;
	padding: 18vh 2% 0 2%;
	/* padding: 18vh 0 0 0;                  */
	background-color: #00AFEF;
	display: grid;
	grid-template-areas:
	"anuncio-topo anuncio-topo anuncio-topo anuncio-topo anuncio-topo"
	"texto texto texto aside aside"
	"anuncio-pe anuncio-pe anuncio-pe anuncio-pe anuncio-pe"
	"footer footer footer footer footer";
	grid-template-rows:10vh auto 10vh auto;
      

}

section#texto{
      
      	margin: 0 2% 0 0;
}             

aside{
	width: 18vw;
	display: block;
	padding: 2%; */
	border-radius:5px 5px 0px 0px ;
	box-shadow:1px 1px 2px black;
	background-color:rgba(255, 255, 255, 0.8);
	grid-area: aside; 

}


            
            
}