footer {
    position: relative;
    width: 100%;
}
footer .wrapper{
    display: flex;
    flex-direction: column;   
    width: 100%;
    padding: var(--gap-8);
}

footer .wrapper .menus{
    display: flex;
    gap: var(--gap-6);
    color: #FFF;
}

footer .wrapper .menus .menu{
    width: 250px;
}

footer .wrapper .menus .menu .title{
    font-size: 2rem;   
    font-weight: var(--font-primary-bold);
    line-height: 120%;
    margin-bottom: var(--gap-2);
    text-transform: uppercase;
}

footer .wrapper .menus .menu .submenu ul li {
    list-style: none;
}

footer .wrapper .menus .menu .submenu a,
footer .wrapper .menus .menu .submenu{
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 180%;      
}
footer .wrapper .menus .menu .submenu ul li a:hover{
    text-decoration: underline;
}

footer .wrapper .content{
    align-self: flex-end;
    font-size: 14rem;
    font-weight: var(--font-primary-bold);
    line-height: 100%;     
    color: #FFF;
}

/******************** RESPONSIVE max-width: 480px ********************/
@media (max-width : 480px) {
} 