:root {
    --darkblue: #002248;
    --blue: #003673;
    --orange: #F09800;
    --darkorange: #a47e3b;
    --darkgray: #242424;

    --shadow: rgba(0, 0, 0, 0.215);

    --svg-white: brightness(0) invert(1);
}
footer{
    padding: 0 30% 0 30%;
    background-color: var(--blue);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
footer a h2{
    color: white;
    font-weight: 300;
    font-size: 1vw;
    text-align: center;
}
#madeBy{
    width: 150px;
    margin: auto;
    margin: 1vw auto;
}
footer a{
    transition: 0.5s;
    display: flex;
    justify-content: center;
    align-items: center;
}
footer a:hover{
    cursor: pointer;
    transform: scale(1.1);
}
footer img{
    max-height: 3vw;
}
@media only screen and (max-width: 980px) {
    footer{
        padding: 5vw 5% 5vw 5%;
    }
    footer a h2{
        font-size: 3vw;
    }
    footer img{
        max-width: 25vw;
        max-height: 10vw;
        width: 20vw;
        height: 10vw;
    }
}