html {
    scroll-behavior: smooth;
}

body {
    padding: 0;
    margin: 0;
    background-color: #130d0a;
    font-family: 'Playfair Display', serif;
    color: #fff;
  }
  
  #hero {
    height: 800px;
    overflow: hidden;
    position: relative;
  }
  
  #content {
    background-color: #130d0a;
  }
  
  .layer {
    background-position: bottom center;
    background-size: auto;
    background-repeat: no-repeat;
    width: 100%;
    height: 800px;
    position: fixed;
    z-index: -1;
  }
  
  #hero-mobile {
    display: none;
    background: url("https://thumbnails-photos.amazon.com/v1/thumbnail/9BqnRM6cTiSFlv61sXydMg?viewBox=1022%2C575&ownerId=A3FT10945DLWAN") no-repeat center bottom/cover;
    height: 320px;
  }
  
  .first-section {
    padding: 50px 0 20px 0;
  }
  
  .text-header {
    font-size: 50px;
    text-align: center;
  }
  
  h1 {
    line-height: 120%;
    margin-bottom: 30px;
  }
  
  p {
    color: #ede0d5;
    font-size: 18px;
    line-height: 150%;
  }
  
  #hero, .layer {
    min-height: 800px;
  }
  
  .layer-bg {
    background-image: url("../5.png");
  }
  
  .layer-1 {
    background-image: url("../4.png\a 		");
    background-position: left bottom;
  }
  
  .layer-2 {
    background-image: url("../3.png");
  }
  
  .layer-3 {
    background-image: url("../2.png\a 		");
    background-position: right bottom;
  }
  
  .layer-4 {
    background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/272781/ilu_01.png\a 		");
  }
  
  .layer-overlay {
    background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/272781/ilu_overlay.png\a 		");
  }
  
  @media only screen and (max-width: 768px) {
    #hero {
      display: none;
    }
  
    #hero-mobile {
      display: block;
    }
  }
  .tutorial-link {
    color: #fff;
    font-size: 18px;
    text-decoration: underline;
  }
  .tutorial-link:hover {
    color: #ede0d5;
  }

:root #content > #center > .dose > .dosesingle,
:root #content > #right > .dose > .dosesingle
{ display: none !important; }

.proj-img {
    border-radius:  6px;
    transition:     all 0.5s ease;
    width:          95%;
}

.proj-img:hover {
    border-radius:  25%;
    transition:     all 0.5s ease;
}

.member-img {
    display:        block;
    margin:         0 auto;
    width:          100%;
    border-radius:  6px;
    transition:     all 0.5s ease;
}

.member-img:hover {
    border-radius:  25%;
    transition:     all 0.5s ease;
}

.member-outline {
    width:          100%;
    border-radius:  6px;
    padding:        3px;
    background:     #fff;
    transition:     all 0.5s ease;
}

.member-outline:hover {
    border-radius: 25%;
    transition:     all 0.5s ease;
}

.nav-link a {
    color: #e2e2e2;
}

.tab-nav a{
    color: #e2e2e2;
}

.tab-nav a:hover{
    color: #333333;
}

.tab-nav {
    color: #333333;
    font-size: 20px;
}