.box-grid-1 {
    display: grid;
}


.grid1 {
    display: grid;
    column-gap: 10px;
    grid-template-columns: 19.5vw 57vw 19.5vw;
    grid-template-areas:
    "A B C";
}

.video-1 {
    width: 19.5vw;
}

.video-2 {
    width: 19.5vw;
}

.img-1 {
    width: 25vw;
    
}

.img-p {
    text-align: center;
}

.box-1 {
    grid-area: A;
}

.box-2 {
    grid-area: B;
}

.box-3 {
    grid-area: C;
}

.text-1 {
    font-size:1.2vw ;
    text-indent: 20px;
    text-align: center;
}

.text-2 {
    font-size: 1.2vw;
    text-indent: 20px;
}

.box-grid-2 {
    display: grid;
    place-items: center
}

.grid2 {
    display: grid;
    grid-template-columns: 19.5vw 57vw 19.5vw;
    justify-items: center;
    grid-template-areas:
    "A A A"
    "B C D";
}

.box-4 {
    grid-area: A;
}

.box-5 {
    grid-area: B;
}

.box-6 {
    grid-area: C;
}

.box-7 {
    grid-area: D;
}

.video-3 {
    width: 50vw;
}

.img-2 {
    width: 19.5vw;
}

.text-3 {
    font-size: 3vw;
    text-align: center;
}

.text-4 {
    font-size: 1.2vw;
    text-align: center;
}

.text-5 {
    font-size: 1.2vw;
    text-align: center;
}


.img-3 {
    width: 19.5vw;
}

div.banner {
    justify-self: center;
    margin-bottom: 10px;
}

img.baner {
    width: 70vw;
}