@media only screen and (min-width: 800px){


    /*******************************************
            Header & Navigation
    *******************************************/
    header nav{
        display: flex;
        overflow: auto;
    }
    header img {
      max-height: 100%;
    }
    #hamburger-menu{
      display: none;
    }
    /*******************************************
                      Hero
    *******************************************/
    #hero h1{
      font-size: 6em;
    }
    #hero h2{
      font-size: 4em;
    }
    #hero h3{
      font-size: 3em;
    }
    .hero-cta{
      display: flex;
      justify-content: center;
    }
    .hero-container{
      width: 100%;
    }
    .hero-column{
      height: 80vh;
      
    }
    /*******************************************
                      About Section
    *******************************************/
    
    #about .align-text{
      margin-left: 70px;
    }
    
    /*******************************************
                      Review
    *******************************************/
    #reviews{
      flex-direction: row;
    }
    .review p{
      line-height: 3em;
    }
    /*******************************************
                      Project Gallery
    *******************************************/
  
    .project-container .project-slider .project:nth-child(4){
      left: calc(50% + 220px);
    }
    
    .project-container .project-slider .project:nth-child(5){
      left: calc(50% + 440px);
    }
    .project-container .project-slider .project:nth-child(n+6){
      left: calc(50% + 660px);
      opacity: 0;
    }
    .project-container{
      width: 75%;
      /*box-shadow: 0 30px 50px #dbdbdb;*/
    }
  
     /*******************************************
                  Form  and Contact
    *******************************************/
    .contact-container{
      margin: auto;
      width: 75%;
    }
    form{
      width: 100%;
    }
  
  
    legend{
      font-size: 1.25em;
    }
    .socials{
      margin-left: auto;
      margin-right: auto;
      width: 100%;
    }
    /*******************************************
                  Form  and Contact
    *******************************************/
    #footer-cta-btn{
      display: flex;
    }
  
    
  }
  
  
  @media only screen and (min-width: 950px){
  
    header .cta-btn.nav-cta{
      display: block;
      transition: 3s;
      margin: auto;
    }
    .horizontal-slider{
      display: flex;
      justify-content: space-around;
      align-items: center;
    }
    .service-item{
      width: 30vw;
    }
  }