/* headline */

.headline {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-template-rows: auto auto;
    gap: 10px;
    width: 100%;
    margin: 0 auto;
    align-items: stretch;
}

.bigHead {
    grid-column: 1/2;
    grid-row: 1/3;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.littleHead1 {
    grid-column: 2/3;
    grid-row: 1/2;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.littleHead2 {
    grid-column: 2/3;
    grid-row: 2/3;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*top items*/


.top-item h2 {
    text-align: left;
}

.top-item img {
    border-radius: 8px; 
    width: 450px;
}

.top-item a {
    width: 100%;
    height: 50px;
    padding-top: 10px;
}


.last {
    padding-right: 200px;
}

/* Swiper specific */

.swiper-wrapper {
    display: flex;
    justify-content: flex-start;
    gap: 50px;
}

.swiper-slide {
    width: auto; /* allows partial visibility */
}

.swiper-button-prev,
.swiper-button-next {
    margin-top: -60px;
    color: rgb(190, 178, 150); 
  
}


@media (max-width: 1500px) {
    
    .top-item img {
        width: 250px;
    }

}


/* medium (md) screens and up */
@media (max-width: 575.98px) {



/* headline */

.headline {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 2fr 1fr;
}

.bigHead {
    grid-column: 1/3;
    grid-row: 1/2;
}

.littleHead1 {
    grid-column: 1/2;
    grid-row: 2/3;
}

.littleHead2 {
    grid-column: 2/3;
    grid-row: 2/3;
}





}