/* For Programs */
/* Base Settings */
/* Page Styling */
.content-container {
  padding: 0;
  max-width: 1150px;
}

.program {
  margin-bottom: 50px;
}

.content-box {
  width: 100%;
}
.content-box img {
  width: 100%;
}

.content-aside-container p {
  color: #555;
}
.content-aside-container ul li {
  display: inline-block;
  margin: 0 20px;
  font-weight: bold;
}

.button {
  margin-top: 25px;
}

@media only screen and (min-width: 1050px) {
  /* Page Styling */
  .program {
    border: 1px solid #757575;
  }
  .content-box {
    width: 35%;
    height: 46vh;
    display: inline-block;
    padding-right: 30px;
  }
  .content-box img {
    height: 100%;
    object-fit: cover;
  }
  .program-highlights ul {
    margin: 0;
  }
  .program-highlights ul li {
    margin: 0 20px 0 0;
  }
  .content-aside-container {
    display: inline-block;
    width: 64%;
    padding: 25px 0 25px 0;
  }
}
@media only screen and (min-width: 1200px) {
  .program, .content-aside-container {
    height: 43vh;
  }
  .content-box {
    height: 42.75vh;
  }
}
@media only screen and (min-width: 1300px) {
  .program, .content-aside-container {
    height: 36vh;
  }
  .content-box {
    height: 35.7vh;
  }
}
@media only screen and (min-width: 1430px) {
  .program, .content-aside-container {
    height: 270px;
  }
  .content-box {
    width: 370px;
    height: 268px;
  }
  .content-aside-container {
    width: 55%;
  }
}
@media only screen and (min-width: 1500px) {
  .content-container {
    width: 995px;
  }
}

/*# sourceMappingURL=programs.css.map */