body{
    margin: 0 auto;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: red;
}
.container-grid{
    display: grid;
    grid-template-columns: auto auto auto;
    grid-template-rows: auto auto auto auto auto;
    grid-gap: 15px;
    margin: 0 32px;
    background-color: red;
}
.c-image_3{
    width: 500px;
    height: auto;
    
}
.c-image_banner{
    width: 500px;
    height: auto;
}



.c-banner{
    /* Grid */
    display: flex;
    flex-direction: row;
    height: auto;
    width: 100%;
    grid-row: 1;
    grid-column: 1 / span 2;
    
    margin: 0;
    justify-content: center;
    background-color: white;    
}
.c-title{
    /* Grid */
    grid-row: 2;
    grid-column: 1 / span 2 ;
    text-align: center;
    background-color: white; 
    padding: 16px;
}
.c-container_3{
    /* Grid */
    grid-row: 3;
    grid-column: 1 / span 1;
    background-color: white; 
    padding: 0 16px;
    
}
.c-container_4{
    /* Grid */
    grid-row: 3;
    grid-column: 2 / span 1;
    
    padding: 0 16px;
    background-color: white; 
   
}
.c-video_container{
    /* Grid */
    grid-row: 4;
    grid-column: 1;
    
    padding: 0 16px;
    background-color: white; 
}
.c-container_6{
    /* Grid */
    grid-row: 4;
    grid-column: 2;
    background-color: white; 
    
}
.c-footer{
    /* Grid */
    grid-row: 5;
    grid-column: 1 / span 2;
    text-align: center;
    background-color: white; 
    
} 
.c-list{
    list-style-type: none;
   
}
.c-link{
     color: red;
    text-decoration: none;
}
.c-link:hover{
     color: darkred;
    text-decoration: none;
}

@media screen and (max-width:1024px) {
.container-grid{
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    margin: 0 32px;
    width: 100%;
}
/* .c-image_3{
    /* width: 500px;
    height: auto; */
/* } */
/* .c-image_banner{
    width: 500px;
    height: auto;
} */ 

.c-banner{
    /* Grid */
    display: flex;
    flex-direction: row;
    height: auto;
    width: 100%;
    grid-row: 1;
    grid-column: 1;
    background-color: white; 
    margin: 0;
    justify-content: center;
    
}
.c-title{
    /* Grid */
    grid-row: 2;
    grid-column: 1;
    background-color: white; 
}
.c-container_3{
    /* Grid */
    grid-row: 3;
    grid-column: 1;
    background-color: white; 
    padding: 0 16px;
    
}
.c-container_4{
    /* Grid */
    grid-row: 4;
    grid-column: 1;
    background-color: white; 
    padding: 0 16px;
   
}
.c-video_container{
    /* Grid */
    grid-row: 5;
    grid-column: 1;
    background-color: white; 
    padding: 0 16px;
}
.c-container_6{
    /* Grid */
    grid-row: 6;
    grid-column: 1;
    background-color: white; 
}
.c-footer{
    /* Grid */
    grid-row: 7;
    grid-column: 1;
    background-color: white; 
} 
}