/**************
* CUSTOM - Clean up GIT and integrate into scss
**************/

.mod_article > .back{
    text-align: center;
}


#footer .milon-footer .footer-container > div.top-container .inner .social-media{
    align-items: center;
}

#footer .milon-footer .footer-container > div.top-container .inner .logos{
    display: flex;
    align-items: center;
    gap: 20px;
}
#footer .milon-footer .footer-container > div.top-container .inner .logos > a{
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: opacity 0.5s ease;
}
#footer .milon-footer .footer-container > div.top-container .inner .logos > a:hover{
    opacity: 0.8;
}

#footer .milon-footer .footer-container > div.top-container .inner .logos .milon-logo{
    width: 256px;
    height: 40px;
    background-image: url(/files/milon_theme/public/img/Logo_milon_grau.png);
}
#footer .milon-footer .footer-container > div.top-container .inner .logos .five-logo{
    width: 116px;
    height: 40px;
    background-image: url(/files/milon_theme/public/img/five_Logo_grau.png);
}
#footer .milon-footer .footer-container > div.top-container .inner .logos .ems-logo{
    width: 60px;
    height: 40px;
    background-image: url(/files/milon_theme/public/img/ems_logo.svg);
}

#footer .milon-footer .footer-container > div.top-container .inner .logos .seperator{
    content: '';
    display: block;
    height: 30px;
    width: 1px;
    background-color: var(--secondary);
}

@media only screen and (max-width: 1000px){
    #footer .milon-footer .footer-container > div.top-container .inner .logos{
        margin-top: 20px;
    }
    #footer .milon-footer .footer-container > div.top-container .inner{
        display: block;
    }
}