*{
  	margin:0; padding:0;
  	font-family: 'Roboto', sans-serif;
  	color:#333333;
  }
  .azul{
  	background:#184678;
  	height: 30px;
  	color:#ffffff;
  }
  .logo{
  	text-align: center;
  	margin: 60px auto;
  }
  .logo img{
  	max-width: 400px;
  }
  .texto {
  	text-align: center;
  	margin-bottom:60px;
  }
  .cinza {
  	text-align: center;
  	background:#f1f1f1;
  	padding-top:50px;
  }
  .cinza2 {
  	text-align: center;
  	background:#f1f1f1;
  	padding-top:50px;
  	padding-bottom:140px;
  }
  .whats {
    background: #26CC64;
    color: #ffffff;
    text-decoration: none;
    padding: 30px;
    border-radius: 40px;
    font-size: 20px;
    transition: ease-in-out all .3s;
}
.whats:hover {
    background: #184678;
}    

@media screen and (max-width: 500px) {
    .logo img {
    max-width: 100%;
}
h2 {
    font-size: 46px;
    margin-top: 30px;
    margin-bottom: 20px;
}
h3 {
    font-size: 32px;
}
span {
    font-size: 40px;
}
.whats {
    font-size: 32px;
}

}