body{
  margin: 0;
}
.banner {
  object-fit: contain;
  object-position: top left;
  max-width: 100vw;
}

#primary {
  height: 110px;
}

#hulla {
    top: 0px !important;
}

/* Host page parent div*/
#contest-entry-form {
    height: auto !important;
}

#hulla iframe {
    height: 100% !important;
    max-width: 100vw;
}

#hulabalook {
    overflow: hidden;
}

#hulla-hulla-loading-spinner{
  position: absolute;
  
  -webkit-tap-highlight-color: transparent;
  line-height: 1.5em;
  color: #000;
  box-sizing: border-box;
  padding: 0;
  position: absolute;
  transform: translateZ(0);
  left: 50%;
  top: 220px;
  z-index: 1001;
  animation: spinner-loader 1500ms infinite linear;
  border-radius: .5em;
  box-shadow: rgba(0,0,51,.3) 1.5em 0 0 0,rgba(0,0,51,.3) 1.1em 1.1em 0 0,rgba(0,0,51,.3) 0 1.5em 0 0,rgba(0,0,51,.3) -1.1em 1.1em 0 0,rgba(0,0,51,.3) -1.5em 0 0 0,rgba(0,0,51,.3) -1.1em -1.1em 0 0,rgba(0,0,51,.3) 0 -1.5em 0 0,rgba(0,0,51,.3) 1.1em -1.1em 0 0;
  display: inline-block;
  font-size: 15px;
  width: 1em;
  height: 1em;
  margin: 1.5em;
  overflow: hidden;
  text-indent: 100%;
}

@keyframes spinner-loader {
  0% {
    transform: rotate(0deg)
  }
  100% {
    transform: rotate(360deg)
  }
}

@media screen and (max-width: 400px) {
    .module-wrapper {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}