/* Comentario */

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

*{
	margin:0px;
	padding:0px;
	
	}
	
	img{
		display: block;
		width: 100%;
	}

/* TEXTO */

	.titulo-A{
		font-family: "Roboto Serif", serif;
		color: red;
		font-size: 50px;
		margin-top: 30px;
		

	}

	.titulo-B{
		font-family: "Roboto Serif", serif;
color: rgb(255, 255, 255);
font-size: 24px;
margin-bottom: 10px;



	}
	.titulo-C{
		font-family: "Roboto Serif", serif;
		font-weight: 600;
		color: hsl(0, 0%, 100%);
		font-size: 40px;
		margin-bottom: 10px;
		line-height: 48px;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		display: flex;
		
		}

		
	.texto{
		font-family: "Roboto Serif", serif;
		font-weight: 400;
		color: rgb(0, 0, 0);
		font-size: 16px;
		margin-bottom: 10px;
		line-height: 24px;
		
	}

	.texto-2{
		font-family: "Roboto Serif", serif;
		font-weight: 200;
		color: rgb(255, 255, 255);
		font-size: 16px;
		margin-bottom: 10px;
		line-height: 24px;

	}


	.intro-texto{
		font-family: "Roboto Serif", serif;
		font-weight: 400;
		color: rgb(255, 255, 255);
		font-size: 70px;
		margin-bottom: 50px;
		line-height: 24px;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		max-width: 600px;
		text-align: center;
		
	}

/* ESTRUTURA */

	.teste{
		width: 50%;
		height: 600px;
		background-color: yellow;
	}



header{
	width: 100%;
}

section{
	width: 100%;
}

footer{
	width: 100%;
}

.header-container{
	width: 100%;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.logo{
color: white;
font-size: 30px;
font-family: "Roboto Serif", serif;
		font-weight: 600;
}



nav li{
	list-style-type: none;
	padding-left: 30px;
}

nav ul{
	display: flex;
}

nav a{
	color: white;
	text-decoration: none;
}

nav a:hover{
	color:yellow;
	text-decoration: underline;
}





.container{
	width: 100%;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}

.container-topo{
	width: 100%;
	height: 400px;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(imagens/laufeyrosada.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	display: flex;
	justify-content: center;
	
}



.container-topo2{
	width: 100%;
	height: 400px;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(imagens/5C838543-F34F-497E-A550-A9AC1C17D2B9.jpeg);
	background-size: cover;
	background-repeat: no-repeat;
	display: flex;
	justify-content: center;
	
}











.container-test{
	width: 100%;

	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}
.footer-container{
	
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}


 footer p{
	color: white;
	text-align: center;
	margin-bottom: 10px;
	font-family: "Roboto Serif", serif;
		font-weight: 600;
 }



.caixa-topo{
	text-align: center;
	align-content: flex-end;
	margin-bottom: 80;

}
/* COLUNAS */
.col-2{
	width: 50%;
	
}





.col-3{
	width: 33.3%;
	
	
	margin-bottom: 10px;
}

.col-5{
	width: 20%;
	
	
	margin-bottom: 10px;
}

/* COLUNAS */

.flex{
	display: flex;
}
.gap-peq{
	gap: 20px;
}
.gap-med{
	gap: 30px;
}
.gap-grande{
	gap: 40px;
}

/* CORES DE FUNDO */

.bc-escuro{
	background-color: #002641;
}

.bc-meio{
	background-color: #2A6F97;
}

.bc-meio2{
	background-color: #2A6F97;
}

.bc-dif-color{
	background-color: #9B797B;
}

.bc-escuro2{
	background-color: #01497C;
	
}

.bc-escuro3{
	background-color: #014F86;
}

.bc-claro{
	background-color: #468FAF;
}

/* MARGINS E PADDINGS */


.pad-tb-grande{
	padding-top: 100px;
	padding-bottom: 100px;
}

.pad-tb-medio{
	padding-top: 60px;
	padding-bottom: 60px;
}

.pad-tb-pequeno{
	padding-top: 20px;
	padding-bottom: 20px;
}

    /*
  Colunas Responsivo
   */

   @media only screen and (max-width: 750px){

	.flex{ 
		flex-wrap: wrap;
		}
	
		.col-2{
			width: 100%;
		}
	
		.col-3{
			width: 100%;
		}
	
		.col-5{
			width: 48% ;
		}


   }