/* // X-Small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap */

@media (max-width: 767px) {
  .video-container {
    height: 40vh;
  }

  .width_lg_80 {
    width: 100% !important;
  }

  .rector_photo {
    position: unset !important;
    height: 350px;
  }

  .text_sm_center {
    text-align: center;
  }
}

/* // Small devices (landscape phones, 576px and up) */
/* @media only screen and (min-width: 576px) and (max-width: 767px) {
  .video-container {
    height: 40vh;
  }

  .width_lg_80 {
    width: 100% !important;
  }
} */

/* // Medium devices (tablets, 768px and up) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .video-container {
    height: 40vh;
  }

  .width_lg_80 {
    width: 100% !important;
  }

  .rector_photo {
    position: unset !important;
    height: 350px;
  }

  .text_md_center {
    text-align: center;
  }

  .text_md_end {
    text-align: end;
  }

}

/* // Large devices (desktops, 992px and up) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .width_lg_80 {
    width: 80% !important;
  }

  .border_lg_end {
    border-right: 1px solid white;
  }

  .border_lg_start {
    border-left: 1px solid white;
  }

  .overflow_large_left {
    margin-left: 35px;
  }

  .overflow_large_left_img {
    height: 322px;
    width: 494px;
  }

  .overflow_large_right {
    margin-left: -70px;
  }
}

/* // X-Large devices (large desktops, 1200px and up) */
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .width_lg_80 {
    width: 80%;
  }

  .border_lg_end {
    border-right: 1px solid white;
  }

  .border_lg_start {
    border-left: 1px solid white;
  }

  .overflow_large_left {
    margin-left: 35px;
  }

  .overflow_large_left_img {
    height: 322px;
    width: 494px;
  }

  .overflow_large_right {
    margin-left: -70px;
  }
}

/* // XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
  .width_lg_80 {
    width: 80%;
  }

  .border_lg_end {
    border-right: 1px solid white;
  }

  .border_lg_start {
    border-left: 1px solid white;
  }

  .overflow_large_left {
    margin-left: 35px;
  }

  .overflow_large_left_img {
    height: 322px;
    width: 494px;
  }

  .overflow_large_right {
    margin-left: -70px;
  }
}