.footer {
    bottom: 0px;
    position: relative;
    /*    position: fixed;*/
    padding: 20px 0;
    width: 100%;
    left: 0;
    background-color: #ffd300;
    box-sizing: border-box;
}

.footer .container {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.footer ul li {
    padding: 10px;
    display: inline-block;
}

.footer a {
    color: black;
    font-family: 'Futura PT Book', sans-serif !important;
    text-decoration: none;
}

.footer a:hover {
    color: white;
}

.footer .since {
    color: black;
    font-family: 'Futura PT Book', sans-serif !important;
    margin-top: revert-layer;
    margin: 0;

}

@media screen and (max-aspect-ratio: 1/1) {
    .footer .container {
        display: block;

    }
.footer ul li {
    padding: 0;
    
}
    .footer .since {
        text-align: center;

    }
}