/*!
 * Start Bootstrap - 4 Col Portfolio HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

.portfolio-item {
    margin-bottom: 25px;
}
.portrait-aspect {
  width: 100%;
  /* whatever width you want */
  display: inline-block;
   position: relative;
}
.portrait-aspect:after {
  padding-top: 129.41%;
  /* 16:9 ratio */
  display: block;
  content: '';
}
.landscape-aspect {
  width: 100%;
  /* whatever width you want */
  display: inline-block;
   position: relative;
}
.landscape-aspect:after {
  padding-top: 77.27%;
  /* 16:9 ratio */
  display: block;
  content: '';
}

.aspect-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  /* fill parent */
  /* let's see it! */
  color: white;
}
 iframe {
  width: 100%    !important;
  height: auto   !important;
}