body {
    background-image: url(/assets/img/hero_bg.png);
    background-repeat: round;
    display: grid;
    grid-template-rows: auto 1fr auto;
    height: 100dvh;
    height: 100vh;
}

.img-logo-navigation{
    padding: 2em 0;
}

.redirect-div{
    text-align: center;
    color: white;
    font-weight: bold;
    font-size: 1.5rem;
}

.redirect-row{
    display: flex;
    justify-content: center;
    align-items: center;
}

.redirect-gif {
    width: 40% !important;
}

.footer-social {
    display: flex;
    justify-content: center;
    margin: 1.5em 0;
}

.footer-social a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.25em;
    height: 2.25em;
    border: 1px solid white;
    border-radius: 50%;
    color: white;
    transition: .3s all;
    margin: 0 1em;
}

.footer-social a:hover {
    color: white;
    background: var(--orange);
    border-color: var(--orange);
}

@media (min-width: 1200px) and (max-width: 1449px) {
    .redirect-gif {
        width: 30% !important;
    }
}

@media (min-width: 1450px) {
    .redirect-gif {
        width: 30% !important;
    }
}