/* ---------------------- Footer ------------------------ */

#footer{
    display: block;
    position: relative;
    background-color: black;
    text-align: center;
    color: var(--yel);
}

#footer img{
    padding: 2vw;
    vertical-align: top;
    display: inline-block;
    margin-right: 7.5vw;
}

#linkList{
    display: inline-block;
    text-align: left;
    vertical-align: top;
}

#linkList div{
    vertical-align: top;
    padding: 2vw 3vw;
    display: inline-block;
}

#linkList a{
    font-weight: 600;
    line-height: 2em;
    display: block;
}


@media (orientation:portrait) {

html{
    overflow-x: hidden;
}



#footer img{
    padding: 10vw;
    display: block;
    margin: 0 auto;
    width: 30vw;
    height: auto
}

#linkList{
    display:  block;
    text-align: center;
}

#linkList div{
    padding: 0 3vw;
    display: block;
}

#linkList div:last-of-type{
    padding: 10vw 3vw;
    display: block;
}
    
}