@media (min-width: 768px) {}

@media (min-width: 996px) {
    .bg-lg-transparent {
        background-color: transparent !important;
    }
}

@media (min-width: 1024px) {

    .box.text-center.shadow.rounded.p-4 {
        width: 95%;
        margin: auto;
        height: 100%;
    }
}

@media (min-width: 1200px) {

    header,
    section,
    footer {
        padding: var(--lgPadding);
    }

    h1 {
        font-size: 50px;
    }

}

@media (min-width: 1366px) {}

@media (min-width: 1440px) {
    body {
        font-size: 16px;
    }

}

@media (min-width: 1800px) {}

@media (min-width: 1367px) and (max-width: 1920px) {}

@media (min-width: 1900px) {}