/* Comentario */

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

  * {
  	margin: 0px;
  	padding: 0px;
  }

/* Header */

  header {
    position: fixed;
  	width: 100%;
  	height: 90px;
  	background-color: #003049;
    z-index: 2;

  }


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

  .logo {
  	font-size: 40px;
  	color:#ADE8F4;
  }

  .menu{
list-style-type: none;
display: flex;

  }

  .menu li a{
color: #ADE8F4;
padding-left: 10px;
padding-right: 10px;
text-decoration: none;
  }

.menu a:hover{

	color: rgb(255, 131, 127);
	text-decoration: underline;
}


img{
  display: block;
}

.img-destaque{
  width: 100%;
}








  /* Tipografia */

  .txt-destaque{
    color: white;
    font-size: 40px;
    text-align: center;
    position: absolute;
    padding-bottom: 80px;
    width: 500px;
  }

  .título {

  	font-size: 30px;
  	color: #b118ab2;
    margin-bottom: 30px;
    font-family: "Merriweather", serif;
  font-weight: 400;
  font-style: bold;
  }
  .início-introdução{
    font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: bold;
  margin-bottom: 30px;
 }

 .título-topcast{
  font-size: 40px;
  color: black;
  padding-top: 30px;
  font-family: "Merriweather", serif;
font-weight: 400;
font-style: bold;
text-align: center;

}
 

  
 
 
 .col-1-2,.col-1-3 p{
  	font-size: 14px;
    line-height: 26px;
    margin-bottom: 5px;
  	color: rgb(32, 32, 32);
    padding-left: 5px;
    font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.col-1-3 h1{
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 25px;

}
.col-1-3 h2{
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 20px;
padding-bottom: 20px;
}









  /* Divs */

  .padding-menu{
    padding-top: 140px;
    padding-bottom: 50px;
  }

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





  }
.container-destaque-img {
  width: 100%;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 4px solid orange;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
 
}

  /* Colunas */
  .col-1-2 {
  	width: 48%;
  	
  	margin-bottom: 10px;
    padding-top: 20px;
    padding-bottom: 55px;
  }

  .col-1-3 {
  	width: 31%;
  
  	margin-bottom: 10px;
    padding-top: 70px;
    padding-bottom: 10px;
  }

  .col-1-4 {
  	width: 23%;
  
  	margin-bottom: 10px;
  }

  .img-introdução {
    width:90%;
  	height: 350px;
    margin-bottom: 10px;
    }
    .img-topcast {
      width: 250px;
  	height: 250px;
    
    }






  /* Cores*/

  .bc-escuro {
  	background-color: white;
  }


  .bc-meio-tom {
  	background-color: white;
  }


  .bc-claro {
  	background-color: white;
  }

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


  }

  .pad-t-b-medio {
  	padding-top: 40px;
  	padding-bottom: 40px;


  }


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


  }

  footer{
width: 100%;
padding-top:20px ;
padding-bottom: 10px;
background-color: #001d3d;
text-align: center;
  }

  footer p{
font size: 16px;
margin-bottom: 12px;
color: white;

  }


  /* Divs */