body {
  height: 85vh;
}

.container {
  height: 100%;
}

.row {
  height: 100%;
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: center;
}

#molino {
  position: fixed;
  top: -10px;
  left: -20px;
}

#vasija {
  position: fixed;
  bottom: -115px;
  right: -110px;
}

.animation-delay-4 {
  -webkit-animation-delay: .4s !important;
  -moz-animation-delay: .4s !important;
  -ms-animation-delay: .4s !important;
  -o-animation-delay: .4s !important;
  animation-delay: .4s !important;
}

.animation-delay-6 {
  -webkit-animation-delay: .6s !important;
  -moz-animation-delay: .6s !important;
  -ms-animation-delay: .6s !important;
  -o-animation-delay: .6s !important;
  animation-delay: .6s !important;
}

.animation-delay-8 {
  -webkit-animation-delay: .8s !important;
  -moz-animation-delay: .8s !important;
  -ms-animation-delay: .8s !important;
  -o-animation-delay: .8s !important;
  animation-delay: .8s !important;
}

@media screen and (min-width: 320px) and (max-width: 1024px) and (orientation: landscape) {
  #logo {
    width: 70%;
  }

  #molino {
    display: none;
    width: 20%;
  }

  #vasija {
    display: none;
    width: 20%;
  }
}

@media screen and (orientation: portrait) {
  #molino {
    position: fixed;
    top: -10px;
    left: -20px;
  }

  #vasija {
    position: fixed;
    bottom: -115px;
    right: -110px;
  }
}