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

	.título{
		font-size: 90px;
		line-height: 36px;
		color: hsl(0, 0%, 100%);
		font-family: "Open Sans", sans-serif;
		font-weight: 600px;
		font-style: italic;
		
	}

	.texto{
		font-size: 20px;
		color: #999999;
		margin-bottom: 10px;
		font-family: "Open Sans", sans-serif;
		font-weight: 600px;
		font-style: italic;



	}


    .texto-destaque{
		
		font-size: 40px ;
		color: rgb(109, 0, 0);
		text-align: right;
		max-width: 900px;
		font-weight: bold;
		text-align: center;
		font-family: "Open Sans", sans-serif;
		font-weight: 700;
		font-style: bold;
		margin-top: 210px;
		
		

	}




	

	/* Cores */
	
	.bc-escuro{
		background-color:rgb(41, 5, 5);
	}


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

	.bc-claro{
		background-color: rgb(41, 5, 5);
	}

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


	/* Margem e Paddings */


	.pad-t-b-menu{
		padding-top: 170px;
		padding-bottom: 80px;
	}
	
	
	.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: 20px;
		padding-bottom: 20px;
	}

	
	
	

	/* Divs */

    .header-container{
	width: 100%;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: space-between;
	height: 80px;
    align-items: center;
	color: #ffffff;
	font-size: 40px;


}

	header{
		width: 100%;
		height: 80px;
		background-color:rgb(87, 10, 10);
		position: fixed;
	}


	section{
		width: 100%;
	}

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


	footer{
		width: 100%;
		background-color: rgb(87, 10, 10);
		text-align: center;
		padding-top: 100px;
		padding-bottom: 100px;
		font-size: 20px;
		color: #ffffff;
		margin-bottom: 20px;
		font-family: "Open Sans", sans-serif;
		font-weight: 600px;
		font-style: italic;
	}
	


    nav ul{
		display: flex;
		width: 150px;
		justify-content: space-between;
		
		
	}

	nav li{
		list-style-type: none;
	
	}


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




   /* Colunas */

	.col-1-2{
		width: 100%;
		color: #ffffff;
		display: flex;
		justify-content: space-between;
		text-align: left;
		font-size: 20px;
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.col-1-3{
		width: 81%;
		color: #ffffff;
		justify-content: space-between;
		text-align: center;
		margin-top: 30px;
		margin-bottom: 30px;
		
	}

	.col-1-4{
		width: 23%;
		color: #ffffff;
		text-align: center;
		margin-top: 30px;
		margin-bottom: 30px;
    }

	.col-1-5{
		width: 63%;
		color: #ffffff;
		text-align: center;
		margin-bottom: 30px;
	    
		
	}


	.col-1-7{
		width: 90%;
		color: #ffffff;
		text-align: center;
		margin-top: 30px;
		margin-bottom: 30px;

		
		
	}


	

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

   /* Links */

   nav a{
	color: rgb(255, 255, 255);
	text-decoration: none;
	font-size: 20px;
   }


   nav a:hover{

	color: rgb(0, 0, 0);
	text-decoration: underline dotted 3px;
	font-size: 20px;
}


   
 /* Imagens */

 .col-1-3 img{
	width: 90%;
	margin-bottom: 30px;
	border: red;
	margin-top: 100px;
	align-content: space-between;
	
 }

 .col-1-4 img{
	width:90%;
	margin-bottom: 30px;
	border: #000000;
	align-content: center;
	
	
}



 .img-01{
	width: 250px;
	height: 250px;
	border-radius: 100%;
	margin-bottom: 30px;
 }