/***********************************************************************
 *  Footer
 **********************************************************************/
footer {
    border-top: 1px solid var(--grey2);
}

.footer {
    margin: 48px 0;
    position: relative;
    height: 20.5px;
}

.footer--img {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: auto;
    height: 20.5px;
}

.footer--copyright {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: var(--grey);
    white-space: nowrap;
}

.footer--links {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    white-space: nowrap;
}

.footer--links a {
    color: #595959;
    text-decoration: none;
}

.footer--links a {
    margin-left: 28px;
}

.footer--links a:hover {
    text-decoration: underline;
}

/***********************************************************************
 *  Developed by
 **********************************************************************/
.footer--created {
    display: flex;
    margin: 60px 0 40px;
    align-items: center;
    justify-content: center;
}

.footer--created--logo {
    width: 22px;
    height: 24.625px;
    margin-right: 10px;
    transition: .4s;
}

.footer--created--p {
    color: var(--grey);
    margin-right: 26px;
}

.footer--created--a:hover .footer--created--logo {
    transform: rotate(180deg);
}

.footer--created--a {
    display: flex;
    align-items: center;
    color: black;
    text-decoration: none;
}

/***********************************************************************
 *  Responzivity
**********************************************************************/
@media screen and (max-width: 1400px) {
    .footer {
        margin: 35px 0;
    }
}

@media screen and (max-width: 1300px) {
    .footer--links a {
        margin-left: 18px;
    }

    .footer--created--p {
        margin-right: 18px;
    }
}

@media screen and (max-width: 1100px) {
    .footer--img {
        display: none;
    }

    .footer--copyright {
        left: 0;
        transform: translate(0, -50%);
    }
}

@media screen and (max-width: 550px) {
    .footer--copyright {
        left: 50%;
        top: 40px;
        transform: translate(-50%, 0);
    }

    .footer--links {
        position: absolute;
        left: 50%;
        top: 0;
        right: unset;
        transform: translate(-50%, 0);
    }

    .footer {
        margin: 30px 0;
        height: 60px;
    }

    .footer--created {
        margin: 40px 0;
    }
}