// Embeds responsive // // Credit: Nicolas Gallagher and SUIT CSS.

.embed-responsive {

position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;

.embed-responsive-item,
iframe,
embed,
object,
video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}

}

// Modifier class for 16:9 aspect ratio .embed-responsive-16by9 {

padding-bottom: 56.25%;

}

// Modifier class for 4:3 aspect ratio .embed-responsive-4by3 {

padding-bottom: 75%;

}