/* CSS Document */
@media (min-width: 320px) and (max-width: 767px){
    .header-design::after{ display:none; }
    .hero .intro {height: 32vh;}
    .logo img{ margin-top:20px; }
    .contact-section{ padding-bottom:0px; padding-top:20px; }
    .site-footer .copyright{ padding-top:0px; }
    .site-footer {
        padding-top: 20px;
    }
    video{width: 100%; height: 28vh;}
    
    }
    
    @media (min-width: 320px) and (max-width: 480px){
    
    }
    
    @media (min-width: 481px) and (max-width: 767px) {
       
    }
    @media (min-width: 768px) and (max-width: 1024px) {
    
    }
    
    @media (min-width: 1025px) and (max-width: 1366px) {
    
    }
    
    @media (min-width: 1367px) and (max-width: 1920px) {
    
    }