.camp_century .hero{
    background:url('../img/mb1.jpg') center center/cover no-repeat
}
.logos li{
    padding:0 60px;
    margin:0;
    list-style:none
}
.logos li img{
    max-height:100px;
    width:auto
}
.logos li:nth-child(2) img{
    max-height:60px;
    width:auto
}
.logos li:nth-child(3) img{
    max-height:40px;
    width:auto
}

.video-container {
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.video-item {
    padding: 0 20px;

    video {
        height: 700px;
    }
}

@media(max-width:1100px){
    .logos li{
        padding:0 20px
    }
    .logos li img{
        max-height:80px;
        width:auto
    }
}

@media(max-width:1024px) {
    .video-item video {
        height: 500px;
    }
}

@media(max-width:768px){
    .logos li{
        padding:20px
    }
    .logos li img{
        max-height:80px;
        width:auto
    }

    .video-container {
        flex-direction: column;
        justify-content: center;
    }

    .video-item {
        padding: 0 10px 20px;
    }

}