/************************************************/
/*                    FOOTER                    */
/************************************************/
footer {
    width: 100%;
    background: radial-gradient(circle at top left, #030918 0%, #051227 100%);
    color: #e0e6f0;
    box-sizing: border-box;
}
.raecon-footer{
    width: 70%;
}

/*  Intro  */
.raecon-footer-intro{
    margin-top: 96px;
    margin-bottom: 172px;
}
.raecon-footer-intro h2 {
    margin-bottom: 12px;
    text-align: center;
}
.raecon-footer-intro p {
    text-align: center;
    margin-bottom: 24px;
}


/*  Middle section  */
.raecon-footer-top{
    width: 100%;
    flex-wrap: wrap;
}

.footer-title {
    color: #6ab5f1;
    font-size: larger;
    margin-bottom: 12px;
}

.raecon-footer__info--center p, .raecon-footer__info--center a, .raecon-footer__info--right p, .raecon-footer__info--right a {
    margin-bottom: 6px;
    display: inline-block;
}

.raecon-footer__info--center p svg, .raecon-footer__info--center a svg {
    margin-right: 12px;
}

.raecon-footer__info--center a span.newline {
    margin-left: 32px;
}

.raecon-footer__info--left img{
    height: 100px;
}


/*  Bottom section  */
.raecon-footer__credits{
    margin-top: 24px;
    margin-bottom: 24px;
    width: 100%;
}
.raecon-footer__credits p, .raecon-footer__credits a{
    width: fit-content;
    display: inline-block
}


/* Bearden icon */
.raecon-footer__credits a {
    text-decoration: none;
    color: #e0e6f0;
    text-align: end;
}

.raecon-footer__credits a span {
    text-decoration: none;
    color: #e0e6f0;
}

.raecon-footer__credits a span img {
    width: 78px;
    height: 18px;
    margin: 0px 6px;
    vertical-align: top;
    transform: translateY(-3px)
}

.raecon-footer__credits a span img:first-of-type {
    display: inline-block;
}

.raecon-footer__credits a span img:last-of-type {
    display: none;
}

.raecon-footer__credits a:hover span {
    text-decoration: none;
    color: #387ce3;
}

.raecon-footer__credits a:hover span img:first-of-type {
    display: none;
}

.raecon-footer__credits a:hover span img:last-of-type {
    display: inline-block;
}


/************************************************/
/*                  RESPONSIVE                  */
/************************************************/

/* Tablet */
@media screen and (max-width: 1024px) {
    .raecon-footer {
        width: 80%;
    }

    .raecon-footer-intro {
        margin-top: 72px;
        margin-bottom: 124px;
    }
}

/* Mobile (large) */
@media screen and (max-width: 767px) {
    .raecon-footer {
        width: 80%;
    }
    .raecon-footer-intro {
        margin-top: 54px;
        margin-bottom: 54px;
    }
    .raecon-footer__info--left {
        flex-basis: 100%;
        margin-bottom: 24px;
    }
    .raecon-footer__info--left img{
        height: 60px;
    }
}

/* Mobile (small) */
@media screen and (max-width: 480px) {
    .raecon-footer {
        width: 95%;
    }
    .raecon-footer-intro {
        margin-bottom: 24px;
    }
    .raecon-footer__info--left {
        align-items: center;
    }
    .raecon-footer__info--left img {
        height: 40px;
    }
    .raecon-footer-top {
        flex-direction: column;
        justify-content: start;
    }
    .raecon-footer__info--center {
        margin-bottom: 24px;
        margin-left: 24px;
    }
    .raecon-footer__info--right {
        margin-left: 24px;
    }
    .raecon-footer__credits {
        margin-top: 12px;
        margin-bottom: 12px;
    }
}