html {
  scroll-behavior: smooth;
}

body{
width:100%;
height:100%;
position:absolute;
    margin: 0;
    padding: 0;
word-break:break-word;
-webkit-text-size-adjust: 100%;
background-color:#000;
text-rendering: geometricPrecision;
}


/* General --------------------------------------------- */

.mobileonly{
  display:none;
}

.absolute{
  position:absolute;
}

.centered{
  margin-right:auto;
  margin-left:auto;
  display:block;
}


.center_holder{
  margin-left: auto;
margin-right: auto;
display: block;
}


.z10{
  z-index:10;
}

.pos_absolute{
  position:absolute;
}



.pos_fixed{
  position:fixed;
}




#logo{
  grid-column-start: col-start 13;
grid-column-end: col-start 37;
}

.img{
  width:100%;
}

.fullsize{
  grid-column-start: col-start 1;
  grid-column-end: col-end 48;
}

.lefthalf{
  grid-column-start: col-start 1;
  grid-column-end: col-start 24;
}

.righthalf{
  grid-column-start: col-start 26;
  grid-column-end: col-end 48;
}

.right_portrait{
  grid-column-start: col-start 30;
  grid-column-end: col-end 44;
  align-self:center;
}


.centerhalfvideo{
  grid-column-start: col-start 13;
  grid-column-end: col-start 37;
}

.left3-4{
  grid-column-start: col-start 1;
  grid-column-end: col-start 37;
}

.right3-4{
  grid-column-start: col-start 13;
  grid-column-end: col-end 48;
}

#production_mood_01{
  grid-column-start: col-start 5;
  grid-column-end: col-start 18;
}

#production_mood_02{
  grid-column-start: col-start 20;
  grid-column-end: col-start 42;
  margin-top:30%;
}

#production_mood_03{
  grid-column-start: col-start 8;
  grid-column-end: col-start 27;
}

#production_mood_04{
  grid-column-start: col-start 29;
  grid-column-end: col-start 44;
  margin-top:70%;
}

#about_img{
  grid-column-start: col-start 27;
  grid-column-end: col-start 48;
  align-self:center;
}

#abouttext{
  grid-column-start: col-start 1;
  grid-column-end: col-start 23;
  align-self:center;
}

.threecolumn01{
  grid-column-start: col-start 1;
  grid-column-end: col-start 15;
}

.threecolumn02{
  grid-column-start: col-start 18;
  grid-column-end: col-start 32;
}

.threecolumn03{
  grid-column-start: col-start 35;
  grid-column-end: col-end 48;
}

#brandsimage{
  grid-column-start: col-start 10;
grid-column-end: col-start 40;
}





#content{
  width:calc(100vw - 80px);
  max-width:1200px;
  padding-left:40px;
  padding-right:40px;
  padding-bottom:200px;
}

@media screen and (max-width: 767px) {
  #logo{
    grid-column-start: col-start 7;
  grid-column-end: col-start 43;
  }

  #brandsimage{
    grid-column-start: col-start 4;
  grid-column-end: col-start 46;
  }

  .mobileonly{
    display:block;
  }
}




/* Contact --------------------------------------------- */

.contactitems{
display: flex;
flex-direction: row;
justify-content: center;
align-items: flex-start;
padding: 0px;
gap: 64px;
}

.button{
  padding: 10px 16px;
  -webkit-appearance: none;
  border: 1px solid;
}








/* Spacer --------------------------------------------- */

.top_xxs{
  margin-top:8px;
}

.top_xs{
  margin-top:16px;
}
.top_s{
  margin-top:40px;
}

.top_m{
  margin-top:80px;
}

.top_l{
  margin-top:120px;
}

.top_xl{
  margin-top:200px;
}



@media screen and (max-width: 767px) {
  .top_s{
    margin-top:32px;
  }

  .top_m{
    margin-top:40px;
  }

  .top_xl{
    margin-top:130px;
  }

}





/* Links --------------------------------------------- */


  


.decoratedlink{
    text-decoration:underline;
}

.undecoratedlink:hover{
    text-decoration:underline;
}

.undecoratedlink{
    text-decoration:none;
}