/* Variables */
:root {
    --color-white: #FFFFFF;
}

/* Containers */
.container {
    width: 100%;
    max-width: 1440px; 
    padding: 0 30px;
    margin: 0 auto;

    /* Mobile */
    @media (max-width: 767px) {
        padding: 0 15px;
    }
}

/*  Animations  */
.js-animation-fade-in,
.js-animation-fade-in-children {
    opacity: 0;
    transition: opacity .3s;

    &.js-animation-visible {
        opacity: 1;
    }

    /* Mobile */
    @media (max-width: 767px) {
        opacity: 1;
    }
}