.nomovil {
    display: none
}

.nodesk {
    display: block
}

.header {
    padding-top: 40px;
    padding-bottom: 30px;
}

.padding {
    padding: 2em 0 2em 0;
}

@media (min-width: 576px) {
    .nomovil {
        display: block
    }
    .nodesk {
        display: none
    }
    .mt-8,
    .my-8 {
        margin-top: 0rem !important;
    }
    .section {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

.backdrop-navbar {
    background-color: rgba(255, 255, 255, 0.5)
}

@media (max-width: 991.98px) {
    .navbar-expand-lg .navbar-mobile {
        background-image: linear-gradient(-45deg, #243949 0%, #764ba2 100%);
    }
    .navbar-open .navbar .nav-navbar>.nav-item.show>.nav-link,
    .navbar-open .navbar .nav-navbar>.nav-item:hover>.nav-link,
    .navbar-open .navbar .nav-navbar>.nav-link.show,
    .navbar-open .navbar .nav-navbar>.nav-link:hover {
        color: #fff;
    }
    .navbar-open .navbar .nav-navbar>.nav-item>.nav-link,
    .navbar-open .navbar .nav-navbar>.nav-link {
        color: #fff;
    }
    .navbar-open .navbar .nav-navbar>.nav-item.active>.nav-link,
    .navbar-open .navbar .nav-navbar>.nav-item>.nav-link.active,
    .navbar-open .navbar .nav-navbar>.nav-link.active {
        color: rgba(255, 255, 255, 0.5);
    }
}