body
{
    margin-bottom : -3rem;
}

footer
{
    padding    : 4rem;
    border-top : 1px solid white;
}

.footer
{
    margin-bottom       : -3rem;
    margin-top          : -14rem;
    background-color    : #F1F3F4;
    background-image    : url('../images/FooterPurpleWave.svg');
    background-repeat   : no-repeat;
    background-position : center bottom;
    background-size     : 100% auto;
}

.footerDiv
{
    width          : 65%;
    margin-left    : 14rem;
    padding-top    : 32rem;
    padding-bottom : 5rem;
}

.footer img:not(.rightRow img)
{
    width         : 6.5rem;
    height        : 6.5rem;
    margin-bottom : -1rem;
    margin-left   : 3rem;
}

.footerDiv,
.middleRow,
.rightRow
{
    display        : flex;
    flex-direction : column;
    color          : white;
}

.bellowLogo
{
    display         : flex;
    flex-direction  : row;
    justify-content : space-around;
    margin-top      : 7rem;
}

.bellowLogo p:not(.rightRow p)
{
    width       : 25%;
    margin-top  : 0.1rem;
    font-size   : 1.3rem;
    line-height : 2.3rem;
    word-break  : break-word;
}

.middleRow button
{
    font-size   : 1.3rem;
    line-height : 2.3rem;
    color       : white;
    border      : none;
    background  : none;
}

.middleRow button:hover
{
    cursor    : pointer;
    transform : scale(1.05);
}

.rightRow a
{
    display         : flex;
    align-items     : center;
    flex-direction  : row;
    justify-content : flex-start;
    font-size       : 1.2rem;
    line-height     : 0.2rem;
    text-decoration : none;
    color           : white;
}

.rightRow i
{
    margin-right : 1rem;
    font-size    : 1.5rem;
    color        : #FFCA05;
}

.rightRow i:hover
{
    cursor    : pointer;
    transform : scale(1.05);
}

.rightRow img
{
    margin-right : 1rem;
}

.socialMediaFooter
{
    margin-top  : -1.3rem;
    margin-left : -1.4rem;
}

.socialMediaFooter i
{
    margin-right : 0.6rem;
    font-size    : 1.4rem;
}

@media (max-width : 1380px)
{
    .footer
    {
        margin-top : -23rem;
    }
    .footer img:not(.rightRow img)
    {
        width         : 5.5rem;
        height        : 5.5rem;
        margin-bottom : -3.5rem;
        margin-left   : 1.5rem;
    }
    .footerDiv
    {
        width       : 65%;
        margin-left : 10rem;
    }
}

@media (max-width : 1250px)
{
    .footerDiv
    {
        width          : 75%;
        margin-left    : 5rem;
        padding-bottom : 1rem;
    }
    .footer img:not(.rightRow img)
    {
        margin-left : 7rem;
    }
}

@media (max-width : 1090px)
{
    .footer img:not(.rightRow img)
    {
        margin-bottom : -5rem;
        margin-left   : 6rem;
    }
}

@media (max-width : 1000px)
{
    .footer img:not(.rightRow img)
    {
        width         : 5rem;
        height        : 5rem;
        margin-bottom : -3rem;
    }

    footer
    {
        padding : 0;
    }

    .footerDiv
    {
        margin-left : 2rem;
    }

    .bellowLogo
    {
        justify-content : space-between;
        width           : 115%;
    }

    .bellowLogo p:not(.rightRow p),
    .rightRow p,
    .middleRow button
    {
        font-size : 1rem;
    }
}

@media (max-width : 760px)
{
    .footer img:not(.rightRow img)
    {
        margin-bottom : -5rem;
    }
}

@media (max-width : 692px)
{
    .bellowLogo
    {
        flex-direction : column;
        margin-bottom  : -23rem;
        margin-left    : 5rem;
    }

    .footerDiv p:not(.rightRow p)
    {
        width : 40%;
    }

    .footer img:not(.rightRow img)
    {
        width         : 5rem;
        height        : 5rem;
        margin-bottom : -5rem;
    }

    .footer
    {
        width      : 100%;
        background : none;
    }

    footer
    {
        height     : 25rem;
        padding    : 0;
        border     : none;
        background : linear-gradient(to right, #2E3191, #252876);
    }

    .footerDiv
    {
        width               : 100%;
        margin-top          : -14rem;
        margin-bottom       : -0.1rem;
        margin-left         : -0.01rem;
        background-color    : #F1F3F4;
        background-image    : url('../images/FooterPurpleWave.svg');
        background-repeat   : no-repeat;
        background-position : center bottom;
        background-size     : 100% auto;
    }

    .middleRow
    {
        margin-top : 4rem;
    }

    .rightRow
    {
        margin-top : 2rem;
    }
}

@media (max-width : 565px)
{
    .bellowLogo
    {
        margin-bottom : -30rem;
        margin-left   : 4rem;
    }

    footer
    {
        height : 35rem;
    }

    .footerDiv p:not(.rightRow p)
    {
        width      : 70%;
        margin-top : 6rem;
    }

    .footerDiv img:not(.rightRow img)
    {
        margin-left : 4rem;
    }

    .middleRow
    {
        margin-top : 1rem;
    }

    .rightRow
    {
        margin-bottom : -2rem;
    }
}

@media (max-width : 375px)
{
    .footerDiv img:not(.rightRow img)
    {
        margin-left : 2rem;
    }
    .bellowLogo
    {
        margin-left : 2rem;
    }
}

@media (max-width : 340px)
{
    .bellowLogo p:not(.rightRow p)
    {
        margin-top : 2rem;
    }
}