/* Little Biga */

/* Global Console */

html {
    scroll-behavior: smooth;
  }
  
html body{
  font-family: 'Inter', sans-serif;
}

h1, h2, h3, h4, h5, h6{
  font-family: 'gt', serif;
}

/* Branding Variables */

@font-face {
    font-family: 'gt';
    src: url('fonts/gt-alpina-fine-standard-regular-trial-webfont.woff2') format('woff2'),
         url('fonts/gt-alpina-fine-standard-regular-trial-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

  :root{
   
  }
  
/* Elements */

#header{
  background: #d4145a;
  position: fixed;
  top: 0;
  width: 100%;
  text-align: center;
  transition: height 0.3s ease, line-height 0.3s ease;
  z-index: 999;
  height: 100vh;
}


#header a{
  background: #fffe73;
  border-radius: 8px;
  padding: 10px 15px;
  color: #d4145a;
  text-decoration: none;
  text-align: right;
  font-family: "Inter";
  font-weight: 600;
  font-size: 13px;
  float: right;
  margin-top: 15px;
}

#header.shrink {
  height: 80px;
  
}

#header .col-md-8 {
  height: 100vh;
  display: grid;
  place-items: center;
}

#header img.logo {
  
  
  transition: height 0.3s ease;
  margin-top: 20px;
  margin-bottom: 20px;
}

#header.shrink .logo {
  height: 40px;
}

#header.shrink .col-md-8 {
  height: 80px;
  display: block;
}

#hero{
  background: url('img/lb-hero.jpg') no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 390px 0px;
  margin-top: 80px;
}

#hero h1{
  color: #fffe73;
  font-size: 140px;
  text-align: center;
  letter-spacing: -6px;
  margin-bottom: 0px;
}

#content{
  background: #d4145a;
  padding: 120px 0px;
  text-align: center;
  color: #fffe73;
}

#content2{
  background: #d4145a;
  padding-bottom: 120px;
  text-align: center;
  color: #fffe73;
}

#content3{
  background: #d4145a;
  padding-bottom: 120px;
  text-align: center;
  color: #fffe73;
}

#content h2, #content2 h2, #content3 h2{
  font-size: 68px;
  letter-spacing: -4px;
  padding: 0px 10%;
}

#content p, #content2 p, #content3 p{
  font-size: 15px;
  font-weight: 400;
  padding: 0px 15%;
}

#footer{
  background: #fffe73;
  text-align: center;
  color: #d4145a;
  padding: 90px 0px;
}

#footer h2{
  font-size: 68px;
  margin-bottom: 60px;
}

#footer h3{
  font-size: 290px;
  margin-bottom: 0px;
  line-height: 250px;
}

#footer h4{
  font-family: "Inter";
  font-size: 18px;
}

#footer ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

#footer ul li{
  text-align: center;
  font-size: 14px;
}

#mobileContent{
  display: none;
}

/*Media Queries*/

@media only screen and (max-width: 1199px) {
  /* For desktop: */
}
@media only screen and (max-width: 992px) {
  /* For desktop: */
}
@media only screen and (max-width: 768px) {
  /* For desktop: */  
  #mobileContent{
    display: block;
  }
  
  #header{
    display: none;
  }
  
  #hero{
    display: none;
  }
  
  #content{
    display: none;
  }
  
  #content2{
    display: none;
  }
  
  #content3{
    display: none;
  }
  
  #footer h2{
    font-size: 48px;
    margin-bottom: 60px;
    letter-spacing: -4px;
  }
  
#footer ul{
  margin-bottom: 50px;
}

  #mobileContent #content, #mobileContent #content2, #mobileContent #content3{
    display: block;
  }
  
  #mobileContent #hero{
    display: block;
    padding: 250px 0px;
    margin-top: 0px;
  }
  
  #mobileContent #hero h1{
    font-size: 85px;
    
  }
  
  #mobileContent #header{
    display: block;
    height: 80px;
  }
  
  #mobileContent #header a{
    background: #fffe73;
    border-radius: 5px;
    padding: 5px 4px;
    color: #d4145a;
    text-decoration: none;
    text-align: right;
    font-family: "Inter";
    font-weight: 600;
    font-size: 11px;
    float: right;
    margin-top: 25px;
  }
  
  #mobileContent #header img{
    margin-top: 20px;
  }
  
#mobileContent #content{
  padding: 40px 0px;
}

#mobileContent #content h2{
  font-size: 52px;
  margin-top: 25px;
}

#mobileContent #content p{
  padding: 0px;
}

#mobileContent #content2 h2{
  font-size: 52px;
  margin-top: 25px;
}

#mobileContent #content2 p{
  padding: 0px;
}

#mobileContent #content3 h2{
  font-size: 52px;
  margin-top: 25px;
}

#mobileContent #content3 p{
  padding: 0px;
}



}
@media only screen and (max-width: 590px) {
  /* For desktop: */
}
@media only screen and (max-width: 480px) {
  /* For desktop: */
}
@media only screen and (min-width: 320px) {
  /* For desktop: */
}