/* FONTS */

@font-face {
    font-family: 'ITC Franklin Gothic Std Demi';
    src: url('./assets/font/ITCFranklinGothicStd-Demi.eot');
    src: local('./assets/font/ITC Franklin Gothic Std Demi'), local('ITCFranklinGothicStd-Demi'),
        url('./assets/font/ITCFranklinGothicStd-Demi.eot?#iefix') format('embedded-opentype'),
        url('./assets/font/ITCFranklinGothicStd-Demi.woff2') format('woff2'),
        url('./assets/font/ITCFranklinGothicStd-Demi.woff') format('woff'),
        url('./assets/font/ITCFranklinGothicStd-Demi.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ITC Franklin Gothic Std';
    src: url('./assets/font/ITCFranklinGothicStd-Book.eot');
    src: local('./assets/font/ITC Franklin Gothic Std Book'), local('ITCFranklinGothicStd-Book'),
        url('./assets/font/ITCFranklinGothicStd-Book.eot?#iefix') format('embedded-opentype'),
        url('./assets/font/ITCFranklinGothicStd-Book.woff2') format('woff2'),
        url('./assets/font/ITCFranklinGothicStd-Book.woff') format('woff'),
        url('./assets/font/ITCFranklinGothicStd-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
  font-family: 'ITC Franklin Gothic Std Demi';
  color: #2B2B2B;
  margin: 0;
}

/* LANDING STYLES */

.alt-gif {
  background-image: url("./assets/screen-bound.gif");
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
  height: 100vh;
}


.video-auto {
  object-fit: cover;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}



.logo {
 position: absolute;
  top: 45%;
  width: 100%;
}

.title {
  text-align: center;
  text-transform: lowercase;
  font-size: 75px;
  letter-spacing: -4px;
  line-height: .8;
  opacity: 0;
  animation: fadeInAnimation ease 8s 2s;
  animation-iteration-count: 1; 
  animation-fill-mode: forwards; 
} 

.subtitle {
  text-align: center;
  text-transform: lowercase;
  font-family: 'ITC Franklin Gothic Std';
  letter-spacing: -1px;
  line-height: .5;
  opacity: 0;
  animation: fadeInAnimation ease 8s 3s;
  animation-iteration-count: 1; 
  animation-fill-mode: forwards; 
}

.nav {
  margin-left: 50px;
  top: 50px;
  position: relative;
  opacity: 0;
  animation: fadeInAnimation ease 8s 3s;
  animation-iteration-count: 1; 
  animation-fill-mode: forwards; 
}

.nav-item {
  /*font-family: 'ITC Franklin Gothic Std';*/
  font-size: 18px;
  text-transform: uppercase;
  padding: 5px 20px 0;
  margin: 10px;
  border-radius: 2.25rem;
}

.btn {
  border: 2px solid #343a40;
}

.enter {
  margin-top: 10%; 
  width: 100%;
  text-align: center;
  opacity: 0;
  animation: fadeInAnimation ease 8s 4s;
  animation-iteration-count: 1; 
  animation-fill-mode: forwards; 
}

@keyframes fadeInAnimation { 

    0% { 
        opacity: 0; 
    } 
    100% { 
        opacity: 1; 
    } 
} 

    
  

/* MOBILE STYLES */
@media screen and (max-width: 768px) {

  .video-auto {
    display: none;
  } 

  .logo {
    top: 55%;
  }

  .title {
    font-size: 55px;
  }

  .subtitle {
    line-height: 1;
    font-size: 24px;
  }

}