/* for any extra css that alters the page - ashay */

#mwmcIcon {
  width: 3%;
  height: 3%;
}

.scheduleClass {
  width: 62vw;
  height: 50vh;
  text-align: center;
}

/* large screens */
@media only screen and (min-width: 1200px) {

  .scheduleClass {
    width: 50vw;
    height: 50vh;
  }

}

/* mobile screens only */
@media only screen and (max-width: 768px) {

  #mwmcIcon {
    width: 6%;
    height: 6%;
  }

  .scheduleClass {
    width: 95vw;
    height: 50vh;
  }

}

/* modal */

.modal-body {
  text-align: center;
  margin: 0 auto;
}

.modal {
  text-align: center;
}

.model-dialog {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80vw;
  color: #0a0a0a;
  text-align: center;
  display: inline-block;
}

.modal-content {


}
