:root {
    --font-raleway: Raleway,Arial,Helvetica,sans-serif;
    --font-default: var(--font-raleway);
    --grid: 10;
    --gutter: 20px;
    --container: 1440px;
    --container-width: calc(100% - var(--gutter)*2);
    --gradient-default: linear-gradient(360deg, rgba(0,0,0,0.53) 2.06%, transparent 54.92%);
}

@media(min-width: 768px) {
    :root {
        --grid: 17;
    }
}

:root {
    --ease-default: cubic-bezier(.4, .5, .15, 1);
    --ease-back-out: cubic-bezier(.01, .58,0, 1.34);
    --ease-out: cubic-bezier(.53, .43, .35, .9);
    --ease-in-out: cubic-bezier(.49, .25, .49, .92);
    --ease-out-soft: cubic-bezier(.45, .59, .38, 1)
}