/* Comentario */

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

* {
	margin: 0;
	padding: 0;
}

img {
	width: 100%;
}

/* TIPOGRAFIA */


.titulo-a {
	color: forestgreen;
	font-size: 45px;
	margin-bottom: 20px;



}

.titulo-b {

	font-size: 30px;
	margin-bottom: 10px;
	font-family: "PT Serif";
}

.titulo-c {

	font-size: 25px;
	margin-bottom: 10px;
}

.texto {

	font-size: 19px;
	margin-bottom: 5px;

}

.rodape {
	text-align: center;
	font-size: 14px;
	padding-bottom: 50px;


}




/* CORES */

.cor-a {
	color: red;
}


.cor-b {
	color: pink;
}

.cor-fundo-a{
	background-color: rgb(69, 148, 250);
}

.cor-fundo-b{
	background-color: rgb(0, 179, 255);
}

.cor-fundo-c{
	background-color: rgb(50, 98, 255);
}


/* ESTRUTURA */


header {

	width: 100%;

	background-color: rgb(173,217,255);

}


section {

	width: 100%;

	background-color: rgb(173, 217, 255);

}


footer {

	width: 100%;

	background-color: rgb(173, 217, 255);

}



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

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

}


.grid-12-col {

	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: 30px;

}



.item-12-col {
	grid-column: span 12;

}


.item-6-col {
	grid-column: span 6;

}


.item-4-col {
	grid-column: span 4;

}


.item-3-col {
	grid-column: span 3;

}




/* MARGINS E PADDINGS */


.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;
}