html,
body {
  height: 100%;
  width: 100%;
}

h1,
h2,
h3 {
  font-family: 'Sarala', sans-serif;
}

hr {
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0));
}

.botaotitulo{
  background: transparent; 
  border: 1px solid white;
  margin-top: 20px;
  padding: 7px;
  color: white;
  font-size: 14px;
}

.botaotitulo:hover{
  background: white; 
  border: 1px solid white;
  margin-top: 20px;
  padding: 7px;
  font-size: 14px;
  transition-duration: .4s;
}

.botaoblog{
  background: white; 
  border: 1px solid white;
  margin:5px 0 25% 42%;
  padding: 7px 25px;
  color: #870808;
  font-size: 14px;
}

.botaoblog:hover{ 
  border: 1px solid white;
  margin:5px 0 25% 42%;
  padding: 7px 25px;
  font-size: 14px;
  transition-duration: .4s;
  background: transparent;
  color: white;  
}

/*Logo Cabeçalho */

.logo {
  height: 50px;
}

.logo img{
  height: 35px;
  width: 125px;
  margin-top: 15px;
}

/* CAPA */

.capa{
  background-image: url('../imagens/backbia.jpg');
  margin-top: 15px;
  height: 400px;  
 
}

.capa h1{
  font-size: 40px;
  font-weight: 600; 
}

.texto-capa{
  color: white;
}

.texto-capa h2{
  color: white;    
  margin-top:80px; 
  font-style: italic;
  font-family: 'Righteous', cursive;
  background-color: #870808;
  width: 200px;
}

.imgbook img{
  margin: 0;
  padding: 0;
  height: 500px;
  width: 500px;
}

/*SOBRE*/

.sobre {
  margin-top: 60px;
}
.sobre h1{ 
  font-weight: 600;
  color: #870808;
}
.formulario h1{
  font-weight: 600;
  color: white;
  text-align: center;
}
.sobre h3{
  color: #870808;
  font-weight: 600;
}
.sobre p {
  font-size: 16px;
  padding: 15px 0;
  font-family: 'Raleway', sans-serif;
  color: black;
}
.sobre ul{
  font-size: 16px;
  padding: 25px;
  font-family: 'Raleway', sans-serif;
}

/* COLUNA FORMULARIO */

#email_171, #fname_170, #lname_222, #campoe_2_173, #campoe_8, #campoe_7 {
  width:78%;
  border: 1px solid black;
  margin: 0 0 0 11%;
  height: 30px;
  padding-left: 5px;
}

#ind_telefone_224{
  width: 35%;
  margin: 0 0 0 11%;
  height: 30px;
  border: 1px solid black;
}

.formul{
  font-size: 10px;
}

#telefone_224_numero{
   width: 42%;
   height: 30px;
  border: 1px solid black;
   padding-left: 5px;
}

#enviar {
  font-weight: bold;
  margin: 20px auto;
  padding: 20px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  font-size: 20px;
  width: 100%;
  background-color: #870808;
  color: white;
}
#enviar:hover {
  font-weight: bold;
  margin: 20px auto;
  padding: 20px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  font-size: 20px;
  width: 100%;
  background-color: white;
  color: black;
  transition-duration: .4s;
}

/* CHAMADA */

.chamada{
  background: #870808;
  margin-top: 100px;
  height: 160px;
}
.chamada h1{
  color: white;
  text-align: center;
  font-size: 30px;
  margin: 20px 25px;
}
.chamada img {
  margin-top: -70px;
  height: 400px;
  width: 400px;
}

/* AUTOR */

.autor {
  margin-top: 100px;
}
.autor img{
  height: 180px;
  width: 180px;
  margin-left: 25%;
  margin-bottom: 50px;
  border-radius: 50%;
}
.autor h1{  
  color: #870808;
}
.autor p{  
  font-size: 17px;
  padding: 15px 0;
  font-family: 'Raleway', sans-serif;
  color: black; 
}

/* RODAPE */

.rodape {
  background-color: #11171D;
  text-align: center;
}
.rodape img{
  height: 80px;
  width: 300px;
  margin:50px 0 20px 0;
}
.rodape p{
  font-size: 10px; 
  font-family: 'Raleway', sans-serif;
  color: white;
  font-weight: 400;
}
.rodape .list-socials {
  margin-top: 4px;
}
.rodape .list-socials li {
  display: inline-block;
  margin-right: 8px;
}
.rodape .list-socials a {
  display: block; 
  width: 28px;
  height: 28px;
  line-height: 28px;  
  text-align: center;
}
.rodape .list-socials i {
  font-size: 16px;
  margin: 7px auto;
  color: white;
}
#negrito{
  font-weight: 900;
}
.wow {
  visibility: hidden;
}
.italico{
  font-style: italic;
}
.info {
  font-size: 12px;
}
.destaque {
  color: #FFFF00;
}