html {
    scroll-behavior:smooth
}

@media (max-width: 991.98px) {
    body {
        min-height: 100dvh;
        overflow: hidden;
    }
    .navbar {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1030;
        height: 60px;
        display: flex;
        align-items: center;
        background: #fff;
    }
    footer {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1030;
        height: 48px;
        margin: 0;
        padding: 0 !important;
        display: flex;
        align-items: center;
        background: #fff;
    }
    footer .container {
        font-size: 0.84rem;
    }
    main {
        height: 100dvh;
        padding-top: 60px;
        padding-bottom: 48px;
    }
}
@media (max-width: 575.98px) {
    .navbar {
        height: 56px;
    }
    footer {
        height: 44px;
    }
    main {
        padding-top: 56px;
        padding-bottom: 44px;
    }
}