.video_container{
    width: 100%;
    height: 100%;
}

.video_container iframe{
    width: 100%;
    height: 100%; 
}

@media screen and (min-width: 0px) {

    .video{
        padding: 1.5rem 2rem;
    }

    .video_container{
        height: 200px;
        margin-bottom: 1rem;
    }

    .video_container iframe{ 
        height:200px;
    }
}

@media screen and (min-width: 768px) {

    .video{
        padding:3rem  6rem;    
      }

      .video_container{
          margin-bottom: 3rem;
      }

      .video_container iframe{
          height: 300px;
      }  
}

@media screen and (min-width: 1024px){
    .video_container iframe{
        height: 450px;
    }  

    .video_container{
        margin-bottom: 11rem;
    }

}


@media screen and (min-width: 1440px){
    .video_container iframe{
        height: 700px;
    } 
    
    .video_container{
        margin-bottom: 28rem;
    }
}