/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #2f2924; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #727272; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #3f3e3e; 
}

a{
color: inherit;
text-decoration: none;
}
h1{
font-size: 134px;
font-weight: 200;
color: #9c9c9c;
margin-bottom: 200px;
line-height: 119px;
}


.slider{
  background: url(../images/image-slide-1.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding: 50px 0px;
  height: 90vh;
  }
  
  .play{
  font-size: 20px;
  background-color: #6cdcc3;
  position: relative;
  color: #151410;
  padding: 30px 40px 20px 30px;
  font-weight: 300;
  width: 245px;
  }
  
  
  .play::after{
  width: 0px;
  height: 0px;
  background: #1a1714;
  content: '';
  position: absolute;
  bottom: 0;
  }
  
  .play::after {
  
  right: 0;
  border-top: 10px solid #6cdcc3;
  border-right: 10px solid #1a1714;
  border-left: 10px solid #6cdcc3;
  border-bottom: 10px solid #1a1714;
  
  
  }
  
  .play img{
  width: 40px;
  }
  .play span{
  position: relative;
  top: -14px;
  }
  
  
  /* Larger than phablet (also point when grid becomes active) */
  @media (min-width: 500px) {
  }
  
  
  
  
  
  /* Larger than Desktop HD */
  @media (max-width: 1560px) {
  }
  
  /* Larger than desktop */
  @media (max-width: 1100px) {
    h1{
      font-size: 12vw;
      line-height: 12vw;
      margin-bottom: 200px;
      
    }
  }
  
  /* Larger than tablet */
  @media (max-width: 750px) {
  
  }
  
  @media (max-width: 600px) {
    .slider{
      background: url(../images/image-slide-2.jpg) no-repeat center center fixed; 
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      padding: 150px 0px;
      text-align: center;
    }
    h1{
      font-size: 12vw;
      line-height: 12vw;
      margin-bottom: 150px;
      
    }
    .circle-play{
      position: relative;
      width: 160px;
      background-image: url(../images/play.svg);
      float: none;
      margin: 0px auto 50px auto;
    }
    .play span{
      display: none;
    }
    .play img {
      width: 80px;
    }
    .play {
      padding: 10px;
      width: 280px;
      margin: 0 auto;
    }
  }