.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.img-fluid {
  	max-width: 100%;
  	width: 100%;
    height: auto;
}
.video-container {
  	display: flex;
    width: 100%;
}
.video-wrap {
  	position: relative;
    width: 100%;
  	padding: 30px 60px 30px 30px;
}
.video {
	aspect-ratio : 16/9;
    width: 100%;
  	border-radius: 15px;
    border: 5px solid #429d1c;
}
@media (max-width: 575px) {
  	.video-wrap {
      padding: 20px 30px 20px 10px;
  	}
}
@media (min-width: 576px) {
    .container {
        width: 540px;
    }
  	.video-wrap {
      padding: 20px 35px 20px 15px;
  	}
}
@media (min-width: 768px) {
    .container {
        width: 720px;
    }
  	.video-wrap {
      padding: 25px 45px 25px 20px;
  	}
}
@media (min-width: 992px) {
    .container {
        width: 960px;
    }
    .video-wrap {
      padding: 30px 55px 30px 25px;
  	}
}
@media (min-width: 1200px) {
    .container {
        width: 1140px;
    }
}