html, body{
    scroll-behavior: smooth;
    font-family: rubik_regular
}
@font-face {
    font-family: rubik_regular;
    src: url(../fonts/Rubik/Rubik-Regular.ttf);
}
@font-face {
    font-family: rubik_bold;
    src: url(../fonts/Rubik/Rubik-Bold.ttf);
}
@font-face {
    font-family: rubik_light;
    src: url(../fonts/Rubik/Rubik-Light.ttf);
}
@font-face {
    font-family: rubik_italic;
    src: url(../fonts/Rubik/Rubik-Italic.ttf);
}
.--font__normal{
    font-family: rubik_regular;
}
.--font__italic{
    font-family: rubik_italic;
}
.--font__bold{
    font-family: rubik_bold;
}
.--font__slim{
    font-family: rubik_light;
}

.--color__clear{
    color: white;
}
.--color__primary{
    color: #F5141E
}

.--color__secondary{
    color: #000000
}

.--color__light{
    color: #F44335;
}

.--color__default{
    color:lightgray;
}
.--size__monumental{
    font-size: 6em;    
} 
.--size__jumbo{
    font-size: 5em;    
} 
.--size__xxlarge{
    font-size: 4em;    
}  
.--size__xlarge{
    font-size: 3em;    
}   
.--size__large{
    font-size: 2em;
}
.--size__normal{
    font-size: 1em;
}
.--size__small{
    font-size: .8em;
}
.--size__xsmall{
    font-size: .5em;
}
.--bgcolor__none{
    background-color: transparent;
}
.--bgcolor__clear{
    background-color:white;
}
.--bgcolor__primary{
    background-color: #F5141E;
}
.--bgcolor__secondary{
    background-color: #7B7D7F;
}
.--bgcolor__light{
    background-color: #F44335;
}
.--blurred{
    filter: opacity(.5);
}
button{
    padding: .5em;
    text-align: center;
    opacity: .7;
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
}
button:hover{
    opacity: 1;
    transition: all .7s ease-out;
    -webkit-transition: all .7s ease-out;
}
button:active{
    
}

.empresa{
    background-color: white;
}

.--anchor{
    display: block;
    position: relative;
    top: -60px;
    visibility: hidden;
}

@media screen and (max-width: 1024px) {
    .--size__jumbo{
        font-size:48px;
    }
}