/* 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{
		color: #000000;
		font-size: 50px;
		margin-top: 30px;
		font-family: "Roboto Serif", serif;
		font-weight: ;
		text-align: center;
		
	}

	.titulo-B{
color: #000000;
font-size: 30px;
margin-bottom: 10px;
font-family: "Roboto Serif", serif;
font-weight: ;
	}

	.texto{
color: #000000;
font-size: 16px;
line-height: 26px;
margin-bottom: 10px;
font-family: "Roboto Serif", serif;
font-weight: ;
align-items: center;
	}

	.texto-2{
		color: #B4B92A;
		font-size: 40px;
		line-height: 26px;
		margin-bottom: 10px;
		font-family: "Roboto Serif", serif;
		font-weight: ;
			}


	.intro{
		color: #B4B92A;
		font-size: 20px;
		line-height: 26px;
		margin-bottom: 10px;
		font-family: "Roboto Serif", serif;
		font-weight: ;
		text-align: center;
	}

/*ESTRUTURA*/

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

	}

header{
width: 100%;

}

section{
	width: 100%;
	
	}

	footer{
		width: 100%;
		
		
		}

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


			.logo{
				color:#EEF265 ;
				font-size: 30px;
				font-family: "Roboto Serif", serif;
				font-weight: 700;
				}
				
				nav li{
				list-style-type: none;
				padding-left: 30px;
				}
				
				nav ul{
				display: flex;
				}
				
				nav a{
				color: white;
				text-decoration: none;
				font-size: 18px;
				font-family: "Roboto Serif", serif;
				font-weight: 400;
				}
				
				nav a:hover{
				color: yellow;
				text-decoration: underline;
				}
		


	

	
		.container{

			width: 100%;
			max-width: 900px;
			background-color: ;
			margin-left: auto;
			margin-right: auto;
	
		}


		.container-topo {
			width: 100%;
			height: 350px;
			max-width: 900px;
			background-color: ;
			margin-left: auto;
			margin-right: auto;
			background-image:url
			background-size: cover;
			background-repeat: no-repeat;
			justify-content: center;


		}
		


.caixa-container{
	text-align: center;
	
}


		.footer-container{

			width: 100%;
			max-width: 900px;
			background-color: #EEF265;
			margin-left: auto;
			margin-right: auto;
	
		}



		/*Colunas*/

		.col-1 {

			width: 100%;
			
			margin-bottom: 10px;
		}



		.col-2 {

			width: 50%;
		
			margin-bottom: 10px;
		}


		.col-3 {

			width: 33.3%;
			height: px;
			background-color;
			margin-bottom: 10px;
		}
		


		.col-4 {

			width: 25%;
			height: px;
			background-color:;
			margin-bottom: 10px;
		}
		



		.flex{

			display: flex;
			
		}


		.gap-peq{

			gap: 20px;
		}

		.gap-med{

			gap: 30px;
		}
		.gap-gran{

			gap: 40px;
		}
		/*CORES DE FUNDO*/

		.bc-escuro{

			background-color: #000000;
		}

		.bc-meio{

			background-color: #D0B84F;
		}

		.bc-claro{

			background-color: #aca7a7;
		}

/*MARGINS E PADDINS*/

.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-4{
	width: 48%;
}


}