body {
  background-image: url("../assets/img/ho-tonad.jpg");
  padding-left: 20%;
  padding-right: 20%;
  padding-bottom: 5%;
  color: #ffffff;
}
#logo {
  position: absolute;
  top: 2%;
  z-index: 2000;
  width: 60%;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
#splash {
  background-color: #8E9D8B;
  margin-top: 40%;
  padding-top: 2%;
  padding-left: 5%;
  padding-right: 5%;
  padding-bottom: 2%;
  max-height: 140px;
}
#splash h1 {
  margin-bottom: 5%;
}
#splash-bottom {
  background-color: #C8CFC6;
  min-height: 30px;
}
.information-text {
  background-color: #8E9D8B;
  margin-top: 60px;
}
#first-text {
  padding-top: 10px;
}
#first-image {
  padding-left: 0;
  padding-right: 0;
  max-height: 400px;
}
#first-image img {
  width: 100%;
  height: 100%;
}
#second-image {
  padding-left: 0;
  padding-right: 0;
  max-height: 400px;
}
#second-image img {
  width: 100%;
  height: 100%;
}
#second-text {
  padding-top: 10px;
}
#third-text {
  padding-top: 10px;
}
#third-image {
  padding-left: 0;
  padding-right: 0;
  max-height: 400px;
}
#third-image img {
  width: 100%;
  height: 100%;
}
#disclaimer-text {
  padding-top: 10px;
}
#cycle:after {
  content: "";
}
#cycle:after {
  -webkit-animation: animation-cycle 4s infinite;
  /* Safari 4+ */
  -moz-animation: animation-cycle 4s infinite;
  /* Fx 5+ */
  -o-animation: animation-cycle 4s infinite;
  /* Opera 12+ */
  animation: animation-cycle 4s infinite;
  /* IE 10+, Fx 29+ */
}
@keyframes animation-cycle {
  0% {
    content: "Appen som gör livet med hästar enklare!";
    font-size: 15px;
  }
  50% {
    content: "Appen som gör livet med hästar enklare!";
    font-size: 20px;
  }
  66% {
    content: "Din häst kommer att tacka dig!";
    font-size: 15px;
  }
  100% {
    content: "Din häst kommer att tacka dig!";
    font-size: 20px;
  }
}