body {
  margin: 0;
  padding: 0;
  font-family: 'Roboto', sans-serif;
  background: black;
  overflow: hidden;
  -ms-overflow-style: none; /* for Internet Explorer, Edge */
  scrollbar-width: none; /* for Firefox */
  overflow-y: scroll; 
}
body::-webkit-scrollbar {
  display: none; /* for Chrome, Safari, and Opera */
}

.intro {
    opacity: 0;
    overflow: hidden;
}

img{
  width: 50vw;
  display: block;
  margin: 0px auto;
  display:block;
  border-style: none;
width: 100%;
height: 100%;
overflow: hidden;
}
.visible {
  opacity: 1;
  transform: translateY(0%);
  transition: opacity 1100ms ease-out, transform 1500ms cubic-bezier(.14,.99,.56,.99);
  overflow: hidden;
}


@media only screen and (max-width: 1080px) {

    .hlogo img{
  display:block;
  max-width: 100vw;
  margin: 0 auto;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
}