.font-72 {
    font-size: 3.75vw;
    font-weight: lighter;
    line-height: 1.4;
}

#herocenter {
    text-align: center;
    display: flex;
    justify-content: center;
}

#herocenter h1 {
    width: 65%;
}

.data {
    display: none;
}

/*----------------------------------------*/
.filtermenu {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#filtername {
    position: relative;
}

select {
    outline: none;
    border: none;
    background: none;
    cursor: pointer;
    appearance: none;
    font-size: 3.75vw;
}

select option {
    font-size: 18px;
}

/*------------------------------------*/
#caseitem4p {
    width: 55%;
    margin-top: 7vw;
}

#caseitem5 {
    width: 45%;
    margin-top: -2vw;
}

#caseitem6 {
    width: 55%;
    margin-top: 7vw;
}

#caseitem7 {
    width: 45%;
    margin-top: -25vw;
}

@media (max-width: 868px){
    .font-72, select {
        font-size: 7vw;
        line-height: 1.2;
        word-spacing: -3px;
    }
    #herocenter h1 {
        width: 90%;
    }
    select {
        font-size: 7vw;
    }
    
    select option {
        font-size: 14px;
    }
}

@media (max-width: 670px){
    .font-72, select {
        font-size: 9vw;
        line-height: 1.2;
        word-spacing: 0px;
    }
    #herocenter h1 {
        width: 100%;
    }
    select option {
        font-size: 10px;
    }

    #caseitem4p,
    #caseitem5,
    #caseitem6,
    #caseitem7 {
        width: 100%;
        margin-top: 0vw;
    }
}