html, body{
    min-height:100%;
	margin: 0;
	padding: 0;
    font-family: 'Roboto', sans-serif;
    background: white;
    overflow-x: hidden;
     max-width: 100%;
    overflow-x: hidden;
}

html::-webkit-scrollbar {
    display: none;
}
body{
    padding: 0px;
}
.cor-marca{
    font-size: 72px;
    background: linear-gradient(45deg, #02ecf7 0%, #29b6f6 55%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.smart-scroll{
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}
.scrolled-down{
   transform:translateY(-100%); transition: all 0.3s ease-in-out;
}
.scrolled-up{
   transform:translateY(0); transition: all 0.3s ease-in-out;
}

html{
    overflow: auto;
    -ms-overflow-style: none; /* IE 11 */
    scrollbar-width: none; /* Firefox 64 */
     -ms-touch-action: manipulation;
    touch-action: manipulation;
}

.container-1{
    background-image: url("../img/24.jpg");
    background-size: 100% 100%;
   
}

.container-1-1{
    height: 100vh; width: 100%;  display: flex; justify-content: centere; align-items: center; background: rgba(0,0,0,0.5);
}

.container-1-2{
    font-size: 60px;
    flex: 1; display: flex; justify-content: center; align-items: center; margin-bottom: 15%; border-top-right-radius: 10px; border-bottom-right-radius: 10px; text-align: center; padding-left: 20%; padding-right: 20%;
}

.container-2{
    height: 85vh; width: 100%; 
    background-image: url(http://johnnyrockets.com.br/wp-content/themes/jrockets/assets/img/backdrop-texture-1.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.container-2-1{
    width: 80%; background: transparent; display: flex; justify-content: center; align-items: center; border-radius: 10px;
}

.container-2-3{
    display: flex; flex: 1; background: transparent; font-size: 50px; text-align: left; justify-content: flex-start; flex-direction: column;
}

.container-2-3-1{
    width: 100%; display: flex; align-items: flex-end; justify-content: flex-end;
}

.container-3{
     height: 85vh; width: 100%; 
    background-image: url("../img/23.jpg");
    background-attachment: fixed;
   
}


.container-3-2-2{
    display: flex; justify-content: center; align-items: center; padding-top: 10%;
}

.container-4{
      height: 85vh; width: 100%; 
    background-image: url(http://johnnyrockets.com.br/wp-content/themes/jrockets/assets/img/backdrop-texture-1.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex; justify-content: center; align-items: center; 
    flex-direction: column;
}

.container-4-1{
    width: 100%; display: flex; align-items: center; justify-content: center;
}

.container-footer-2{
    display: flex; align-items: center; justify-content: center; flex-direction: row; text-align: center;
}

.mobile-yes{
    display: none;
}

#googleMap{
    width:60%; height:400px; border-radius: 20px;
}

@media screen and (max-width: 920px) {
    
    .container-1{
        background-image: url("../img/24.jpg");
        background-size: 150% 100%;

    }
    
    .container-1-1{
        height: 100vh; width: 100%;  display: flex; justify-content: centere; align-items: center; background: rgba(0,0,0,0.5);
    }

    .container-1-2{
        font-size: 40px;
        flex: 1; display: flex; justify-content: center; align-items: center; margin-bottom: 50%; text-align: center; padding: 10px;
    }
    
    .container-2{
        height: 110vh;
    }
    
    .container-2-1{
        width: 100%; background: transparent; display: flex; justify-content: center; align-items: center; border-radius: 10px; flex-direction: column;
    }

    .container-2-3{
        display: flex; flex: 1; background: transparent; font-size: 40px; text-align: left; justify-content: flex-start; flex-direction: column
    }
    
    .container-2-3-1{
        width: 100%; display: flex; align-items: center; justify-content: center;
    }
    
    .container-3{
        height: 110vh;     
    }
    
    .container-3-2-2{
        display: flex; justify-content: center; align-items: center; padding-top: 10%; flex-direction: column;
    }
    
    .container-4-1{
        width: 100%; display: flex; align-items: center; justify-content: center;
    }
    
    .container-footer-2{
        display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center;
    }
    
    #googleMap{
        width:85%; height:300px; border-radius: 20px;
    }

    .mobile-yes{
        display: flex;
    }
    
}


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

    
}
@media screen and (min-width: 1362px) {

    
    
}
@media screen and (min-width: 1662px) {

}

@media screen and (min-height: 500px) {

    
}