#home {
    /*max-width: 1280px;
    margin: auto;*/
}
body.home #content,
body.home #content > section {
    padding-top: 0;
}
body.home .section_name {
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 10px;
}

/* Block */
.block {
    margin-bottom: 40px;
}
.block:last-child {
    margin-bottom: 0;
}
@media only screen and (min-width: 1024px) {
    .block {
    }
}
@media only screen and (min-width: 1280px) {
    .block {
    }
}
body.home .section_name {
    margin-bottom: 5px;
}

/* Items */
body.home .item .details {
    visibility: visible !important;
}
body.home .item .thumbnail .wrapper img {
  object-position: left center;
}

/* Headband */
.block.headband {
}

/* Headband items */ 
.block.headband .items {
    overflow-x: auto;
}
.block.headband .items > .flex {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(5, 1fr);
    width: 220vw;
    padding-right: var(--default-spacing);
}
.block.headband .items .item {
    width: 100%;
}

@media only screen and (min-width: 768px) {
    .block.headband {
    }
    .block.headband .items {
        padding: 0;
    }
    .block.headband .items > .flex {
        width: 130vw;
        padding: 0;
    }
    .block.headband.events .items > .flex {
        width: 130vw;
        grid-gap: 30px;
    }
    .block.headband.events .items .item .thumbnail {
        padding-top: 64%;
    }
}
@media only screen and (min-width: 1024px) {
    .block.headband .items > .flex {
        width: 100%;
        column-gap: 20px;
    }
    .block.headband.events .items > .flex {
        width: 100%;
    }
}


/* Thumbnails */
.block.thumbnails .items .item:first-child {
    margin-bottom: 45px;
}
.block.thumbnails .items .item .thumbnail {
    padding-top: 62.5%;
}
.block.thumbnails .items .item .thumbnail img {
    object-fit: cover;
}
.block.thumbnails .items .item .details {
    /*padding: 0 var(--default-spacing);*/
}
.block.thumbnails .items .item .name {
    font-size: 30px;
    line-height: 25px;
    margin-bottom: 5px;
}
.block.thumbnails .items .item .catcher {
}
@media only screen and (min-width: 768px) {
    .block.thumbnails .items .item:first-child {
        margin-bottom: 0;
    }
    .block.thumbnails .items {

    }
    .block.thumbnails .items > .flex {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 30px;
    }
    .block.thumbnails .items .item {
        width: 100%;
    }
    .block.thumbnails .items .item .details {
        padding: 0;
    }
}
@media only screen and (min-width: 1024px) {
    .block.thumbnails .items > .flex {
    }
}