/* ==========================================================================
   Start Here
   ========================================================================== */
html {
   padding: 0;
   margin: 0;
}

body {
   margin: 0;
   padding: 0;
   background: url(../img/index.jpg) no-repeat;
   background-size: cover;
   height: 100vh;
   position: relative;
}
img {
  max-width: 100%;
  height: auto; /* This ensures the height scales proportionally with the width */
}
.logo {
   position: absolute;
   left: 0;
   right: 0;
   top: 10%;
   width: 1020px;
   margin: 0 auto;
}
@media (max-width: 992px) {
  .logo {
      width:90%;
      top:25%;
  }
}