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

body  {
  background: #F0F0F0;
}


.logo {
  width: 500px;
  margin: 150px 400px;
}

.texto {
  width: 300px;
  font-family: 'Caveat', cursive;
  margin: -100px 550px;
  font-size: 30px;
  font-weight: bold;
  color: #3F3F3F;
}


@media screen and (max-width: 800px) {
  .logo {
    margin-top: 80px;
    margin-left: 30px;
  }

  .texto {
    font-size: 20px;
  margin-top: 50px;
  margin-left: 60px;