@font-face {
    font-family: 'Roboto Regular';
    src: local('Roboto'), local('Roboto-Regular'), url('/assets/font/Roboto/Roboto-Regular.ttf') format('truetype');
}


@font-face {
    font-family: 'Roboto Meduim';
    src: local('Roboto Meduim'), local('Roboto-Medium'), url('/assets/font/Roboto/Roboto-Medium.ttf') format('truetype');

}

@font-face {
    font-family: 'Roboto Black';
    src: local('Roboto Black'), local('Roboto-Black'), url('/assets/font/Roboto/Roboto-Black.ttf') format('truetype');

}


@font-face {
    font-family: 'Roboto Bold';
    src: local('Roboto Bold'), local('Roboto-Bold'), url('/assets/font/Roboto/Roboto-Bold.ttf') format('truetype');

}


/*--------------------------------------------*\
                    FOOTER 
/*--------------------------------------------*/

footer nav {
    
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    align-content: flex-start;
}

footer nav section {
    margin: 1.5em 0 0 1em;
}

footer nav section h2 {
    font-size: calc(var(--basePX) + 2px) !important;
    margin: 0;
    font-family: 'Roboto Black';
    font-weight: normal;
}

footer nav section .menu-footer {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}

footer nav section .menu-footer li {
    margin-top: 4px;
}

footer nav section .menu-footer a {
    font-family: 'Roboto Meduim';
    font-size: calc(var(--basePX) + 2px) !important;
    text-decoration: none;
    color: #212529;   
}

footer nav section .menu-footer a:hover {
    color: #212529;
}

footer .copyright {
    flex: 0 0 100%;
    font-family: 'Roboto Meduim';
    text-align: center;
    font-size: 13px;
    margin: 20px 0 0;
}