/* gives some breathing space to Bootstrap's h4  */
h2 {
  margin-bottom: 30px;
}

.light-bkg {
  background-color: #e3f2fd;
}

.exercise-title {
  margin-top: 30px;
}

.contact {
  margin-top: 30px;
}

#page-about footer {
  margin-top: 30px;
}

img.exercise {
  width: 350px;
  height: 350px;
  opacity: 0.9;
}

.py-5 {
  padding-top: 0 !important;
}
.h-15 {
  height: 15% !important;
}

/* Make YouTube video responsive */
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

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