body {
	font-family: "Raleway";
	/*font-size: 1.6vh;*/
	font-size:0.84vw;  
	line-height: 1.5;
	
	background-color: #ffffff;
	color: #000000;
	margin: 0px 20% 0px 20%;
	width: 60%;
  text-align: justify;
  text-justify: inter-word;
}



button {
 	font-family: "Raleway";
	font-size: 0.84vw;
  margin-left: -0.5vw;
  background-color: transparent;
  border: none;
  color: black;
  text-align: left;
	text-decoration: underline;
  font-weight: 400 ;
}

a {
  color:  black;
}


h1 {
  text-align: justify;
  margin: 0;
  font-weight: 800;
  font-size:7.45vw;
  white-space: nowrap;
  margin-top: -2.5vh; 
  text-size-adjust: auto;
  text-align: justify;
  text-justify: inter-word; 
}

h2 {
	font-size: 1vw;
	font-weight: 900;
}

h5 {
  color: white;
	font-size: 1.5vw;
	font-weight: 700; 
}
h6 {
  color: white;
	font-size: 0.84vw;
	font-weight: 100;
}
h3 {
  margin-top:  2vw;
  text-align:  center;
	font-size: 2vw;
	font-weight: 800;
}
h4 {
  margin-top:  2vw;
  text-align:  center;
	font-size: 1.5vw;
	font-weight: 900;
}


div.row{
  column-count: 6;
  text-align:  center;
  margin-top:  1vh;
  white-space: nowrap;
  font-size: 0.8vw;
  margin-bottom:  1vw;
  
}
/* Clear floats after the columns */
div.row:after {
  content: "";
  display: table;
  clear: both;
}

section.intro {
  display:  block;
}



div.intro1 {
  text-align: justify;
  text-justify: inter-word;
  /*font-size: 0.84vh;*/
  font-weight:  400;
  margin-top:  -2vw;
}

div.imgintro {
  float: left;
  width: 32.9%;
  margin-right:  .5vw;
}

img{
  margin-bottom: 0.4vw;
}


img.imag3 {
  display: block;
  float: right;
  width: 66.5%;
  margin-left:  0.6vw;
  /*paddi2ng-top: 22px;*/
  /*padding-left:  11px;*/
}



div.legenda {
  position: relative;
  clear: none;
  font-weight: 300;
  font-size: 0.65vw;
	line-height: 1.4;
  /*padding-top:  0.4vw;*/
}

i {
  font-style: italic;
}
b{
  font-weight: 700;
}
b.b{
  font-weight: 500;
}

sup{
  vertical-align: super;
  font-size: smaller;
}

ul.b {
  list-style-type: square;
}


section.antes {
  text-align: center;
  border: 0.5vw solid black;
  margin-top: 2vw;
  padding:  1vw;
}

section.s {
  /*margin-left= -20%;*/
  
  background-color: black;
  color:  white;
  margin: 3vw auto;
  padding:  3vw; 
}


iframe{
  margin-bottom: 2vw;
  max-height:  80vh;
  
}

div.ifg {
  font-family: "Raleway";
  width: 101%;

}

iframe.cpf {
  width: 100%;
}


 iframe.ifpie{
  max-height: 16vw;
  width:  100%;
	height:  19vh;
  }

 iframe.ifpie2{
   max-height: 16vw;
   padding: 0 17%;
   width:  100%;
   display: inline-block;
   height:  19vh;
  }

div.do {
  padding: 0vh 0 0 3vh;
  color: #b8b8b8;
  text-align:left;
  font-weight: 500 ;
  text-align: justify;
  text-justify: inter-word;
}

div.fim {
  font-family: "Raleway";
  color: gray;
  font-weight: 300 ;
  text-align: center;
  text-justify: inter-word;
  margin-top:  5vh;
}

@media only screen and (max-device-width: 1366px) {
  body{
    width:  90%;
		margin: 0px 5% 0px 5%;
    font-size:  1.3vh;
  }
  iframe{
    max-height:  80vh;
    max-width:  100%;
  }
  /*iframe.ifpie{
    max-height: 16vw;
  }*/
  div.legenda{
    font-size:  0.7vh;
  }
  div.imgintro{
    margin:  1vh 3vh 1vh 0;
  }
  div.row{
    font-size: 1.3vw;
    margin-bottom:  0.4vw;
  }
  iframe.cpf {
  width: 50%;
}
  button{
    font-size:  1.3vh;
    margin-left: -1.2vh;
  }
  h1{
    font-weight:  900;
    font-size:  11.9vw;
    margin-top:  2vh;
  }
  h2{
    font-size:  1.5vh;
  } 
  h3{
		font-size:  2.5vh;
  }
  h4{
		font-size:  2vh;
  }
  h5{
    font-size:  2.5vh;
  }
  h6{
     font-size:  1.3vh;   
  }
  
  section.antes{
 		font-size:  1vh;
  }
  
  
  
}