/* RESPONSIVE.CSS */

.hide-mobile {
    display: block
}

.show-mobile {
    display: none
}

@media(max-width:992px) {
    .container {
        width: min(100%, calc(100% - 30px))
    }
}

@media(max-width:768px) {
    .hide-mobile {
        display: none !important
    }
    .show-mobile {
        display: block !important
    }
    .section {
        padding: 60px 0
    }
    .navbar {
        padding: 0 16px
    }
    .hero-content {
        padding: 40px 0
    }
    .btn {
        width: 100%
    }
}