@media (max-width: 768px) {
    #line_about h1 {
        font-size: 1.5rem;
    }
    .background_holo {
        display: none;
    }
    .navbar svg {
        display: none;
    }
    .star {
        display: none;
    }
    .video_apresentation {
        width: 100% !important; 
    }
    .apresentation {
        height: 75vh;
    }
    .social-gallery {
        margin-top: 40px;
    }
    .btn_res {
       position: absolute;
        right: 0;
        left: 0;
        margin: -30px;
        
    }
    .gallery_div {
        display: none;
       }
       .gallery_mob {
display: block;
       }
       .about_h1 { 
        margin: 0 0 40px 0;
       }
       #intro, #intro_2 {
        margin-top: 0;
    }
    .intro_text {
    margin-top: 20px;
    text-align: center;
}
.intro_text h1 {
    font-size: 3rem;
    line-height: 3rem;
}
    }
    
    
    @media (min-width: 768px) { 
        .btn_res {
            position: absolute;
            bottom: 6vh;
             
         }
        .nav-mob {
            display: none !important;
        }
        .gallery_mob {
            display: none;
                   }

                   .about_img {
                    transform: perspective(100px) rotateY(1deg);
                    transition-duration: 600ms;
                  }
                  .about_img:hover {
                    transform: perspective(100px) rotateY(-1deg);
                  }
                  .about_img_2 {
                    transform: perspective(100px) rotateY(-1deg);
                    transition-duration: 600ms;
                    box-shadow: rgba(0, 0, 0, 0.25) 0px 13px 27px -5px,
                      rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
                  }
                  .about_img_2:hover {
                    transform: perspective(100px) rotateY(1deg);
                  }
       
        
    }