body {
margin: 0px;  
background-color: black;
font-family: 'Open Sans', sans-serif;
}

#boxi {
height: 1100vh;    
margin: 0px;
}

@media only screen and (max-width: 600px) {
  #boxi {
    height: 700vh; 
  }
}


a {
    color: white;
    text-decoration: none;
    border-bottom: #EA215A 0.125em solid;
}


a:link {
  color: white;
}

/* visited link */
a:visited {
  color: gray;
}

/* mouse over link */
a:hover {
  color: #EA215A;
}

/* selected link */
a:active {
  color: red;
}




.Info {
     padding:10px;
    color:white;
font-size:3vw;
  letter-spacing: 0.5vw;
    font-weight:400;
}


.Hotspot2 {
    font-size:5vw;
}

lottie-player {
margin: auto;
width: 5vw;

}


h1 {
color:white;
font-weight:400;
}


h2 {
color:white;
text-align: center;    
font-size:8vw;
font-weight:400;
}


model-viewer {
position: -webkit-sticky; /* Safari */
position: sticky;
background:black;
top: 0;
width: 100%;
height: 100vh;
margin: 0px;
z-index: 0;
}



.fluidMedia {
    position: relative;
    padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
    height: 0;
    overflow: hidden;
    }

.fluidMedia iframe {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}


.contact-wrapper {
 
    display: flex;
    justify-content: space-between;
    padding: 38px;
     margin-top: -3rem;
}