/* footer */
footer {
    /* todo was 24rem if changed: change bottom tag in sidebaranimation.js */
    overflow: hidden;
    background-color: #3d405b;
    color: white;
    width: 100vw;
    padding: 0 2.5vw 2.5vw;
}

footer a { color: #f4a460; font-weight: bold; text-decoration: none; }
footer a:hover { color: white; text-decoration: underline; }

.rowling {
    display: flex; flex-direction: row; justify-content: space-between;
    align-items: center;
    margin-top: 1.5rem; margin-bottom: 1rem;
}

#igemmunichlogo {
    width: 12vw;
    min-width: 70px;
    margin: 0rem 6vw 0rem 0;
}

.rowling a {
    margin: 0rem 10px 0rem 0;
    display: block;
    width: 25px;
    min-width: 25px;
}

.rowling-peeps {
    display: flex; flex-direction: row; justify-content: space-around;
    align-items: center; flex-wrap: wrap;
    margin-top: 1.5rem; margin-bottom: 1rem;
}

.rowling-peeps a {
    width: 10vw;
    max-width: 100px;
    display: flex; justify-content: center;
}

.bigger {
    width: 17vw !important;
    max-width: 200px !important;
}

.follow-us {
    filter: invert(80%);
    -webkit-transition: 0.5s ;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.follow-us:hover {
    filter: invert(100%);
    -webkit-transition: 0.5s ;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.sponsor {
    max-width: 100%;
    filter: grayscale(100%);
    -webkit-transition: .75s ;
    -moz-transition: .75s;
    -o-transition: .75s;
    transition: .75s;
}

.sponsor:hover {
    filter: grayscale(0%);
    -webkit-transition: 1.2s ;
    -moz-transition: 1.2s;
    -o-transition: 1.2s;
    transition: 1.2s;
}

.verywhite {
    cursor: pointer;
    filter: brightness(100);
    -webkit-transition: .75s cubic-bezier(0.7, 0, 0.84, 0);
    -moz-transition: .75s cubic-bezier(0.7, 0, 0.84, 0);
    -o-transition: .75s cubic-bezier(0.7, 0, 0.84, 0);
    transition: .75s cubic-bezier(0.7, 0, 0.84, 0);
}

.verywhite:hover {
    filter: revert;
    -webkit-transition: .5s cubic-bezier(0.16, 1, 0.3, 1);
    -moz-transition: .5s cubic-bezier(0.16, 1, 0.3, 1);
    -o-transition: .5s cubic-bezier(0.16, 1, 0.3, 1);
    transition: .5s cubic-bezier(0.16, 1, 0.3, 1);
}


.follow-us-wrapper {
    display: flex;
}

.stay-inside {
    max-width: 100%;
}

.footer-joint-text {
    color: white;
    font-weight: bold;
    text-align: center;
    margin-right: 1.2rem;
}

@media all and (max-width: 680px) {
    .footer-joint-text {
        display: none;
    }
}