/* Comentario */

/* 
nome de uma tag{...}
#nome de uma tag com id{...}
.nome de uma tag com uma classe{...}
 */

¨* {
	margin: 0;
	padding: 0;
}



/* tipografia */







titulo-a {
	color: rgb(167, 51, 182);
	font-size: 40px;
	margin-bottom: 20px;
}





titulo-b {
	font-size: 30px;
	margin-bottom: 10px;
}










.texto {
	color: rgb(201, 51, 51);
	font-size: 20px;
	margin-bottom: 10px;
}


/* cores */

.cor-a {
	color: rgb(0, 255, 213);

}

.cor-b {
	color: rgb(255, 0, 212);
}

.cor-de-fundo-a{ 
	background-color: rgba(245, 160, 4, 0.911);
}



.cor-de-fundo-b{
	background-color: rgb(248, 93, 4);
}




/* ESTRUTURA */

header{
	width: 100%;
	height: 100px;
	background-color: rgb(255, 94, 0);
}




section {
	width: 100%;
	
	margin-left: auto;
	margin-right: auto;
}




footer {
	width: 100%;
	height: 100px; 
	background-color: rgb(226, 105, 6);
	margin-left: auto;
	margin-right: auto;
	

}






.conteiner{
width: 100%;
max-width: 900px;

margin-left: auto;
margin-right: auto;


}






.grid-12-col{
	display: grid;
	grid-template-columns: repeat(12,1fr);
	

}



.item-12-col{
	grid-column: span 12;
	border-color: blue;
}



.item-6-col {
	grid-column: span 6;
	border-color: blue;

}

.item-4-col {
	grid-column: span 4;
	border-color: blue
}



.item-3-col {
	grid-column: span 3;
	border-color: blue
}


.pad-t-b-grande{               

	padding-top: 80px;
	padding-bottom: 80px;
}


.pad-t-b-medio{	
	padding-top: 50px;
	padding-bottom: 50px;
}

.pad-t-b-pequeno{
	padding-top: 30px;
	padding-bottom: 30px;
}