footer {
    align-items:center;
    background-color:#000020;
    box-sizing:border-box;
    color:white;
    column-gap:2em;
    display:flex;
    flex-wrap:wrap;
    font-family:'Open Sans';
    font-size:1em;
    justify-content:space-around;
    padding:1.5em;
    row-gap:1em;
    width:100%;
}


footer a {
    color:white;    
    text-decoration:none;
}


footer a span {
    border-bottom: 1px dotted rgba(255,255,255,0.5);
}


footer a span:hover {
    border-bottom: 1px solid rgba(255,255,255,0.5);
}


footer img {
    border:1px dotted rgba(255,255,255,0);
    padding:0.2em;
}


footer img:hover {
    border:1px dotted rgba(255,255,255,0.5);
}


footer nav {
    align-items:center;
    display:flex;
}


footer nav img {
    height:3em;
}


footer-contact {
    display:flex;
    align-items:center;
}


footer-contact img {
    height:1em;
}


@media only screen and (max-width: 700px) {
    
    footer {
        font-size:0.8em;
        padding:0.5em;
        row-gap:0.5em
    }
}