footer
{
    width: 100%;
    height: 510px;
    background-color: #395173;
}
#footer__wrapper
{
    display: grid;
    grid-template-columns: 3fr 0 1fr 1fr 1fr 3fr;
    gap: 50px;
    width: 100%;
    height: 100%;
    align-items: center;
}
#footer__wrapper .logo,
#footer__wrapper .warrant
{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
#footer__wrapper .logo
{
    grid-column: 1/span 1;
    height: 45%;
}
#footer__wrapper .about
{
    grid-column: 1/span 1;
}
#footer__wrapper .information
{
    grid-column: 2/span 1;
}
#footer__wrapper .social
{
    grid-column: 3/span 1;
}
#footer__wrapper .warrant
{
    grid-column: 6/span 1;
    padding-top: 50px;
}
#footer__wrapper .about,
#footer__wrapper .information,
#footer__wrapper .social
{
    display: flex;
    flex-direction: column;
    color: white;
}

#footer__wrapper div h3
{
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 16px;
}
#footer__wrapper div p
{
    font-size: 14px;
    margin-bottom: 6px;
}
#footer__wrapper .link__wrapper
{
    grid-column: 3 / span 3;
    display: grid;
    gap: 9vw;
    padding-top: 50px;
    justify-items: center;
}

#footer__wrapper .logo__wrapper
{
    grid-column: 1 / span 1;
    display: flex;
    flex-direction: column;
    height: 100%;
}

#footer__wrapper .logo__wrapper .top-border
{
    border-bottom: 1px solid white;
    height: 25%;
}

#footer__wrapper .warrant p
{
    padding-top: 50px;
    color: white;
    font-weight: 400;
    text-align: center;
}
#footer__wrapper-mobile.mobile
{
    display: none;
}

#footer__wrapper .link__wrapper.mobile
{
    display: none;
}





@media only screen and (max-width: 1280px)
{
    #footer__wrapper .link__wrapper
    {
        gap: 4vw;
    }
}
@media only screen and (max-width: 768px)
{
    #footer__wrapper .warrant p
    {
        font-size: 14px;
    }
    #footer__wrapper div h3
    {
        font-size: 19px;
    }
    #footer__wrapper div p
    {
        font-size: 17px
    }
    #footer__wrapper .link__wrapper.desktop
    {
        display: none;
    }
    #footer__wrapper .link__wrapper.mobile
    {
        display: grid;
        justify-content: center;
    }
    #footer__wrapper .link__wrapper .about,
    #footer__wrapper .link__wrapper .about h3,
    #footer__wrapper .link__wrapper .about a,
    #footer__wrapper .link__wrapper .information,
    #footer__wrapper .link__wrapper .information h3,
    #footer__wrapper .link__wrapper .information a
    {
        width: fit-content;
    }
    #footer__wrapper div.social
    {
        display: none;
    }
    #footer__wrapper .logo__wrapper .top-border
    {
        height: 90%;
    }
    #footer__wrapper-mobile.mobile
    {
        display: flex;
    }
    .desktop
    {
        display: none !important;
    }
    footer
    {
        height: auto;
        padding-bottom: 100px;
    }
    #footer__wrapper
    {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 100px repeat(2, 1fr);
    }
    #footer__wrapper .logo__wrapper .logo
    {
        display: none;
    }
    #footer__wrapper .logo__wrapper
    {
        grid-row: 1 / span 1;
        grid-column: 1 / span 2;
        width: 90%;
    }
    #footer__wrapper .link__wrapper
    {
        grid-column: 1 / span 2;
        grid-row: 2 / span 2;
        justify-items: unset;
        padding: 0 50px;
        gap: 75px 30px;
    }
    #footer__wrapper .about
    {
        grid-column: 1/span 1;
        grid-row: 1/span 1;
    }
    #footer__wrapper .information
    {
        grid-column: 2/span 1;
        grid-row: 1/span 1;
    }
    #footer__wrapper .social
    {
        grid-column: 2/span 1;
        grid-row: 2/span 1;
    }
    #footer__wrapper .warrant.mobile
    {
        grid-row: 2 / span 1;
        grid-column: 1 / span 2;
        flex-direction: column;
        align-items: center;
        padding-left: 0;
        padding-top: 0;
    }
    #footer__wrapper .warrant.mobile img
    {
        max-height: 250px;
    }
}