#main_image{
    /* background-image: url('img/top_img.jpg') ;  
    background-image: url('img/1.PNG') ;  
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; */
    /* background-attachment: fixed; */
    /* margin-top: -20px;  */
    height:100%;
    height: 100rem;
    height: 75vh;
    width:100%;
    clip-path: polygon(0% 0%,100% 0%,100% 86%,0% 100%);
}
.main_image_wrapper{ 
    background-color: #32383e;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7d7e7d+0,0e0e0e+100;Black+3D */
    background: #7d7e7d; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #7d7e7d 0%, #0e0e0e 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  #7d7e7d 0%,#0e0e0e 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  #7d7e7d 0%,#0e0e0e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    height: 100%;
    width: 100%;
    /* background-color: #32383e;
    background: #7d7e7d;
    background: -moz-linear-gradient(-45deg, #7d7e7d 0%, #0e0e0e 100%);
    background: -webkit-linear-gradient(-45deg, #7d7e7d 0%,#0e0e0e 100%);
    background: linear-gradient(135deg, #7d7e7d 0%,#0e0e0e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=1 ); */
}

  @media only screen and (max-width :800px) {
    .navbar {
       min-height: 5rem;
    }
    .navbar-default .navbar-nav>li>a {
        padding-top: 0rem;
    }
    #main_iamge{
      height: 90vh;
    }
    .header_stl{
        font-size: 7rem;
    }
  }
  @media only screen and (max-width :600px) {
  }
  @media only screen and (max-width :400px) {
  }

  .eseq_stl{
      color: black;
      color: white;
      font-size: 6rem;
      font-weight: 400;
      font-weight: 600;
      letter-spacing: -0.5rem;
      letter-spacing: 1.5rem;
      text-transform: uppercase;
      font-family: 'Orbitron', sans-serif;
      animation-name: moveInBottom;
      animation-duration: 1.5s;
      animation-timing-function: ease-out;
      /* animation-delay: 1s; */
  }

  .gif_stl{
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center; 
      overflow: hidden;
      height: 0.2rem;
      height: 0.01rem;
      max-width: 16rem;
      max-width: 22rem;
      width: 100%;
      text-align: center;
      margin: 0 auto;
      margin-top: 0.5rem;
      margin-bottom: 1.5rem;
      background-color: #919191;
  }

  .tech_stl{
      font-size: 1.9rem;
      color: #b4b4b4;
      color:white;
      letter-spacing: 1rem;
      text-transform: uppercase;
      font-family: 'Roboto', sans-serif;
      font-weight: 200;
  
      /* animation-name: light_to_dark;
      animation-duration: 3s;
      animation-timing-function: ease-out; */
      /* animation-delay: 1s; */
  }
  .logo_border{
      height: 0.2rem;
      max-width: 16rem;
      width: 100%;
      text-align: center;
      margin: 0 auto;
      margin-top: 0.5rem;
      margin-bottom: 1.5rem;
      background-color: #919191;
  }

  @keyframes moveInLeft {
    0% {
      opacity: .5;
      transform: translateX(-30rem); 
    }
      80% {
      transform: translateX(1rem); 
    }
      100% {
      opacity: 1;
      transform: translate(0); 
    } 
  }

  @keyframes moveInRight {
      0% {
        opacity: .5;
        transform: translateX(30rem); 
      }
      80% {
        transform: translateX(-1rem); 
      }
      100% {
        opacity: 1;
        transform: translate(0); 
      } 
  }

  @keyframes moveInBottom {
    0% {
      opacity: 0;
      transform: translateY(-30rem); 
    }
    100% {
      opacity: 1;
      transform: translate(0); 
    } 
  }

  @keyframes light_to_dark {
      0% {
        opacity: 0;
      }
      40% {
        opacity: .1;
      }
      70% {
        opacity: .3;
      }
      100% {
        opacity: 1;
      }
  }

  .header_text{
      display: none;
      color: white;
      padding: 0.4rem 2rem;
      text-align: center;
      box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
      color: black;
      margin-top: 10rem;
      text-transform: uppercase;
      font-weight: 200;
      font-size: 1.5rem;
      word-spacing: 0.3rem;
      letter-spacing: .9rem;
      font-family: 'Titillium Web', sans-serif;
      font-family: 'Open Sans', sans-serif;
      background: -moz-linear-gradient(-45deg, rgba(14,14,14,0.71) 0%, rgba(125,126,125,0.77) 21%, rgba(125,126,125,0.79) 28%, rgba(125,126,125,0.83) 41%, rgba(125,126,125,1) 100%);
      background: -webkit-linear-gradient(-45deg, rgba(14,14,14,0.71) 0%,rgba(125,126,125,0.77) 21%,rgba(125,126,125,0.79) 28%,rgba(125,126,125,0.83) 41%,rgba(125,126,125,1) 100%);
      background: linear-gradient(135deg, rgba(14,14,14,0.71) 0%,rgba(125,126,125,0.77) 21%,rgba(125,126,125,0.79) 28%,rgba(125,126,125,0.83) 41%,rgba(125,126,125,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b50e0e0e', endColorstr='#7d7e7d',GradientType=1 );




      /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0e0e0e+0,7d7e7d+3,7d7e7d+3,7d7e7d+13,7d7e7d+21,7d7e7d+28,7d7e7d+41&0.71+0,1+100 */

      background: -moz-linear-gradient(-45deg,  rgba(14,14,14,0.71) 0%, rgba(125,126,125,0.72) 3%, rgba(125,126,125,0.75) 13%, rgba(125,126,125,0.77) 21%, rgba(125,126,125,0.79) 28%, rgba(125,126,125,0.83) 41%, rgba(125,126,125,1) 100%); /* FF3.6-15 */
      background: -webkit-linear-gradient(-45deg,  rgba(14,14,14,0.71) 0%,rgba(125,126,125,0.72) 3%,rgba(125,126,125,0.75) 13%,rgba(125,126,125,0.77) 21%,rgba(125,126,125,0.79) 28%,rgba(125,126,125,0.83) 41%,rgba(125,126,125,1) 100%); /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(135deg,  rgba(14,14,14,0.71) 0%,rgba(125,126,125,0.72) 3%,rgba(125,126,125,0.75) 13%,rgba(125,126,125,0.77) 21%,rgba(125,126,125,0.79) 28%,rgba(125,126,125,0.83) 41%,rgba(125,126,125,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b50e0e0e', endColorstr='#7d7e7d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  }
  #logo_icon{
      display: block;
      margin: 0 auto;
      text-align: center;
      font-size: 5rem;
  }