/*  
---------------------------------------------------
Body
---------------------------------------------------  
*/

html, body {
    position: relative;
    height: 100%;
    margin: 0;
}

body {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

    body #site {
        position: relative;
        z-index: 2;
    }

main#main-content {
    position: relative;
    z-index: 2;
}

@media (max-width: 991px) {
    body #site {
        padding-top: var(--small-header);
    }
}

@media (min-width: 992px) {
    body #site {
        padding-top: var(--large-header);
    }
}

.container {
    width: 100%;
}

@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    .container {
        max-width: 1350px;
    }
}