/*
 * This CSS contains all style informations for the footer of the website
 * (CSS style for small screens is on the bottom of this file)
 */

.footer
{
    display: flex;

    background-color: rgb(255, 255, 255);
    color: white;
}

.footer > .footerLeft,
.footer > .footerMiddleLeft,
.footer > .footerMiddleRight,
.footer > .footerRight
{

    width: 25%;

    margin: 5px;
    padding: 10px;

    text-align: center;
}

.footer > .footerLeft a,
.footer > .footerMiddleLeft a,
.footer > .footerMiddleRight a,
.footer > .footerRight a
{
    color: black;
}

.footer > .footerLeft a:hover,
.footer > .footerMiddleLeft a:hover,
.footer > .footerMiddleRight a:hover,
.footer > .footerRight a:hover
{
    cursor: pointer;
    color: #E36C0A;
}

@media only screen and (max-width: 570px)
{
    .footer
    {
        display: block;
    }

    .footer > .footerLeft,
    .footer > .footerMiddleLeft,
    .footer > .footerMiddleRight,
    .footer > .footerRight
    {
        width: 100%;
    }
}