.bannerstop {
    display: grid;
    grid-template-rows: 391px 391px ;
    grid-template-columns: minmax(33%,34%) minmax(32%,33%) minmax(33%,34%);
    gap: 16px;
    grid-template-areas: "banner1 banner2 banner3"
                         "banner4 banner2 banner5";
    margin-top: 50px;
}

.banner_container {
    background-size: cover !important;
    height: 100%;
    border-radius: 24px;
    overflow: hidden;
    position: relative;
}

.banner_container img{
    height: 100%;
    width: 100%;
}

#banner_link_container_1 {
    grid-area: banner1;
}

#banner_link_container_2 {
    grid-area: banner2;
}

#banner_link_container_3 {
    grid-area: banner3;
}

#banner_link_container_4 {
    grid-area: banner4;
}

#banner_link_container_5 {
    grid-area: banner5;
}


.banner_header {
    text-align: left;
    font: normal normal normal 36px/40px Angie;
    letter-spacing: 0px;
}

.bottom_banner span {
    font: normal normal normal 14px/22px Futura PT;
    letter-spacing: 2.8px;
    border-bottom: 1px solid #FFFFFF;
    margin-bottom: 0;
    padding-bottom: 16px;
}

@media screen and (max-width: 1100px) {
    .bannerstop {
        grid-template-rows: 270px 270px ;
        grid-template-columns: minmax(29%, 30%) minmax(38%, 40%) minmax(29%, 30%);
    }
}

@media  screen and (max-width: 900px) {
    .bannerstop {
        grid-template-rows: 240px 240px ;
        grid-template-columns: minmax(29%, 30%) minmax(38%, 40%) minmax(29%, 30%);
    }

}

@media  screen and (max-width: 767px) {
    .bannerstop {
        grid-template-rows: 391px 782px 391px;
        grid-template-columns: 1fr 1fr;
        grid-template-areas: "banner1 banner3"
                             "banner2 banner2"
                             "banner4 banner5";
        gap: 8px;
        margin-top: 25px;
    }

}

@media  screen and (max-width: 600px) {
    .bannerstop {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}