body, html {
  height: 100%;
  margin: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.5em;
}

.bg {
  margin: 0px;
  background-image: url("../images/yolaya_bg.jpg");
  background-color: #cccccc;
  /* Full height */
  height: 100%;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; 
}

.logo {
  color: white;
  width: 30%;
  height: auto;
  padding: 5%;
}

.slogan {
  padding: 5%;
  width: 80%;
  color: white; 
  font-size: 3vw;
  font-style: italic;
  position: absolute; bottom: 5%;
}

@media screen and (max-height: 450px) {
  .slogan {
    display: none;
  }
}