@media screen and (max-width: 1601px) {
}

@media screen and (max-width: 1441px) {
}

@media screen and (max-width: 1200px) {

}

@media screen and (max-width: 992px) {
    header {
        display: none
    }
    
    .icon {
        padding: 4vw
    }
    
    footer .col-lg-6 {
        text-align: center
    }
    
    #hero {
        text-align: left
    }
    
    #hero h1 a {
        display: block
    }
}

@media screen and (max-width: 768px) { 
    .icon {
        width: 10rem;
        padding: 2rem
    }
    
    .btn {
        padding: 0.75rem 1.5rem;
        font-size: 0.8rem;
    }
    
    .form-control-lg {
        padding: 0.75rem;
        font-size: 0.9rem;
    }
    
    label {
        font-size: 0.9rem
    }

}

@media screen and (max-width: 576px) {
    #hero .btn {
        width: 100%
    }
    
    #hero h1 a::before {
        width: 3.5rem;
        height: 3.5rem
    }

}