/* MQUERY */

body *{
    font-size: 16px;
}

.font-size-s{ font-size: 1em; }
.font-size-m{ font-size: 1.4em; }
.font-size-l{ font-size: 1.8em; }


/* MARGIN SMALL */

.layout-margin-top-s{
    margin-top: 60px;
}

.layout-margin-bottom-s{
    margin-bottom: 60px;
}


/* GENERAL PADDINGS */

.layout-padding-none{
    padding: 0;
}

.layout-padding-s{
    padding: 40px;
}

.layout-padding-m{
    padding: 90px;
}

.layout-padding-m{
    padding: 120px;
}


/* PADDING SMALL */

.layout-padding--top-s{
    padding-top: 40px;
}

.layout-padding--right-s{
    padding-right: 40px;
}

.layout-padding--bottom-s{
    padding-bottom: 40px;
}

.layout-padding--left-s{
    padding-left: 40px;
}


/* PADDING MEDIUM */

.layout-padding--top-m{
    padding-top: 90px;
}

.layout-padding--right-m{
    padding-right: 90px;
}

.layout-padding--bottom-m{
    padding-bottom: 90px;
}

.layout-padding--left-m{
    padding-left: 90px;
}


/* PADDING LARGE */

.layout-padding--top-l{
    padding-top: 120px;
}

.layout-padding--right-l{
    padding-right: 120px;
}

.layout-padding--bottom-l{
    padding-bottom: 120px;
}

.layout-padding--left-l{
    padding-left: 120px;
}

/* CONTAINER */

.layout-width-container{
    width: auto;
    max-width: 1024px;
}

.presentation p{
    width: 420px;
}


@-webkit-keyframes goDown {
    0% { bottom: -20px; }
    60% { bottom: -20px; }
    80% { bottom: -30px; }
    100% { bottom: -20px; }
}

@keyframes goDown {
    0% { bottom: -20px; }
    60% { bottom: -20px; }
    80% { bottom: -30px; }
    100% { bottom: -20px; }
}




@media (max-width: 1120px) {
    body *{
        font-size: 14px;
    }


    .layout-width-container{
        max-width: 1024px;
    }

}