.accolade {
    position: relative;
}

.accolade_section {
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 15vw;
}



.album_category {
    width: 28.28vw;
    border: 1px solid #707070;
    min-height: 28.28vw;
    padding: 3vw 0vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.accolade_ablum_title {
    font-size: 4.21vw;
    text-align: center;
    width: 100%;
    line-height: 3.64vw;
    padding-bottom: 1.35vw;
}

.accolade_category {
    width: 100%;
    text-align: center;
    font-size: 1.46vw;
}

.accolade_ablum_title a {
    text-decoration: none;
    color: #fff;
}

.accolade_ablum_title a:hover {
    opacity: .6;
}

.accolade_ablum_title a span {
    font-size: 3.65vw;
    display: block;
}

@media only screen and (max-width:1024px) and (orientation: portrait) {
    .accolade_section {
        margin-top: 5.60vw;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        row-gap: 4.27vw;
    }

    .album_category {
        width: 100%;
        min-height: 91.47vw;
        padding: 8vw 0vw;
    }

    .accolade_ablum_title {
        font-size: 16.80vw;
        padding-bottom: 4.27vw;
        line-height: 12vw;
    }

    .accolade_category {
        font-size: 4.80vw;
    }

    .accolade_ablum_title a span {
        font-size: 11.73vw;
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation: portrait){
    .accolade_section{
        margin-top: 35.6vw;
    }
}