header{
    display: flex;
    align-items: center;
    justify-content: space-between;

    width: 100%;

    top: 0px;
    left: 0px;
    z-index: 10;

    font-size: min(2vw, 30px);
}



header * {
    font-size: 4.5vw;
}


header>.item-list{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: column;
    flex-wrap: wrap;

    width: 60%;
}
header>.item-list>*{
    padding: 0px 10px;
    height: 5vw;
    display:flex;
    align-items: center;
}
header .title{
    font-size: 6vw;
    padding: 1vh 0;
}

header img{
    padding: 20px;
    width: 8vw!important;
    max-width: 40px!important;
    height: 8vw!important;
    max-height: 40px!important;
}
header>.item-list>a>img{
    width: 4vw!important;
    max-width: 25px!important;
    height: 4vw!important;
    max-height: 25px!important;
}





footer{
    display: flex;
    align-items: center;
    justify-content: space-evenly;

    width: 100%;
    height: 15vw;
    max-height: 40px;

    position: relative;
    z-index: 10;


    margin-top: 30px;

    font-size: min(4vw, 20px);
}
footer>span:first-child{
    width: 60%;
}
footer>span:last-child{
    width: 20%;
}
footer>span{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
footer>span>img{
    width: 10vw;
    height: 10vw;
    max-width: 30px;
    max-height: 30px;
}