/* 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;
    }

	
	/* Tipografia */

      .logo{
		font-size: 30px;
		text-align: left;
		max-width: 500px;
		color: #FADF7F;
	  }
  
	

	  .nome{
		font-size:20px;
		color: #433B38;
		margin-top:4px;
		margin-bottom:4px ;
		text-align: center;
		font-family:Arial, Helvetica, sans-serif;
	  }

	.titulo2{font-family: "Open Sans", sans-serif;
		font-weight: 300;
		font-style: normal;
		font-size: 30px;
		color:#2C2725;
		margin-bottom: 15px;

	}
	.titulo{font-family: "Open Sans", sans-serif;
		font-weight: 400;
		font-style: normal;
		font-size: 30px;
		color: #2C2725;
		margin-bottom: 40px;
		width: 100%;
		max-width: 900px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
		
	}
.titulo-destaque{
	font-weight: 700;
	font-size: 30px;
	line-height: 45px;
	color:#433B38 ;
	margin-bottom: 80px;
	margin-top: 80px;
	font-family:Arial, Helvetica, sans-serif;
	text-align: center;
}

	.texto-destaque{
		font-weight: 800;
		font-style: italic;
		font-size: 40px;
		line-height: 45px;
		color: #423C38;
		margin-bottom: 80px;
		font-family:Arial, Helvetica, sans-serif;
		margin-top: 80px;
		text-align: center;
		margin-left: 120px;
        margin-right: 120px;
	}

	.texto{font-family: "Open Sans", sans-serif;
		font-weight: 300;
		font-style: normal;
		font-size: 16px;
		line-height: 26px;
		color:#2C2725;
		margin-bottom: 10px;
		font-family:Arial, Helvetica, sans-serif;
		max-width: 900px;
		
	}

	

	/* Cores */
   
	.bc-escuro{
		background-color:#f8d5dd;
	}



.bc-meio-tom{
	background-color:#F8DDDD;
}


.bc-claro{
	background-color: #f7d1d9;
}


.bc-marca{
	background-color:#FCDAE0;
}

/* Margens e Paddings*/
 
    
.pad-t-b-grande{
	padding-top: 80px;
	padding-bottom: 80px;
}


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

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

	/* Divs */
    
	.header-container {
		width: 100%;
		max-width: 900px;
		height: 80px;
		margin-right: auto;
		margin-left: auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	header{
		width: 100%;
		height: 80px;
		background-color:#003554;
		position:fixed;
	}
	

	section{
        width: 100%; 
	}

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

.container-img-01{
	width: 100%;
	height: 400px;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(imagens/imagem\ 1.png);
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	   justify-content: center;
	   align-items: center;
	   
}


.container-img-02{
	width: 100%;
	height: 400px;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	   justify-content: center;
	   align-items: center;
	   justify-content: space-around;
}




	footer{
		width: 100%;
		background-color:#003554;
		padding-top: 50px;
		padding-bottom: 50px;
	    text-align: center;
		color: white;
		font-size: 25px;
	} 

footer p {
		font-size: 17px;
		margin-bottom: 10px;
		color: aliceblue;
		text-align: center;
		font-family: "Open Sans", sans-serif;
	}

footer a {
text-decoration: none;
}

footer a p:hover{
color:rebeccapurple;
	text-decoration:underline solid 1px;
}
	
	
	/* Colunas */ 

	.col-1-2{

		width: 48%;
	}

	.col-1-3{

		width: 31%;
	}

	.col-1-4{

		width: 23%;
	}

	/*links*/

	nav a{
		color:white;
		text-decoration: none;
	}
	nav a:hover{
		color:rebeccapurple;
		text-decoration:underline solid 1px;
	}
	nav ul{
		display: flex;
		width: 125px;
		justify-content: space-between;
	}

	nav li{
		list-style-type: none;
		margin-left: 15px;
		margin-right: 15px;
	}


		/*imagens*/

		 .col-1-2 img{

			width: 75%;
			margin-bottom: 30px;
			
		}

		.col-1-4 img{

			width: 100%;
			margin-bottom: 30px;
			
		}
		.img-01{

			width: 250px;
			height: 250px;
			border-radius: 100%;
			margin-bottom: 30px;
		}