@font-face {
  font-family: "Source Han Sans";
  src: url("../fonts/source-han-sans.otf"); }
body {
  background-image: url("../img/wood_pattern.png");
  background-repeat: repeat-xy; }

.titlebar {
  margin-bottom: 0;
  overflow: auto; }
  .titlebar div {
    padding-bottom: 0.25em; }
    .titlebar div img {
      margin-left: 1em;
      margin-top: 1em; }
      @media only screen and (min-width: 1203px) {
        .titlebar div img {
          height: 12em;
          width: auto; } }
      @media only screen and (max-width: 1202px) {
        .titlebar div img {
          width: 60%; } }
  .titlebar .contact-info {
    font-family: "Source Han Sans";
    padding: 0;
    margin-bottom: 0; }
    .titlebar .contact-info div.hide-on-medium {
      display: block; }
      @media only screen and (max-width: 1202px) {
        .titlebar .contact-info div.hide-on-medium {
          display: none; } }
    .titlebar .contact-info div.show-on-medium {
      display: none; }
      @media only screen and (max-width: 1202px) {
        .titlebar .contact-info div.show-on-medium {
          display: block; } }
    @media only screen and (min-width: 1203px) {
      .titlebar .contact-info div {
        padding: 0 0 0 0.5em;
        margin: 0.5em 0 0.5em 0; } }
    @media only screen and (max-width: 600px) {
      .titlebar .contact-info div b {
        font-size: 1.3em; } }
    @media only screen and (min-width: 601px) and (max-width: 1202px) {
      .titlebar .contact-info div b {
        font-size: 1.5em; } }
    @media only screen and (min-width: 1203px) {
      .titlebar .contact-info div b {
        font-size: 1.7em; } }
    .titlebar .contact-info div ul {
      margin-top: 0; }
      @media only screen and (max-width: 600px) {
        .titlebar .contact-info div ul {
          font-size: 0.8em; } }
      @media only screen and (min-width: 601px) and (max-width: 1202px) {
        .titlebar .contact-info div ul {
          font-size: 1.4em; } }
      @media only screen and (min-width: 1203px) {
        .titlebar .contact-info div ul {
          font-size: 1.6em; } }

nav {
  padding: 0.5em 0em 0.5em 0em; }
  nav .nav-link {
    font-size: 2.25em;
    font-family: "Source Han Sans"; }
    nav .nav-link i {
      font-size: 2em; }
  nav.fixed-on-top {
    top: -1px;
    position: sticky; }

.showcase {
  padding: 0;
  margin-bottom: -0.35em; }
  .showcase img {
    width: 100%; }
    @media only screen and (max-width: 600px) {
      .showcase img {
        height: 13em;
        width: 100%; } }
    @media only screen and (min-width: 601px) {
      .showcase img {
        height: 28em;
        width: 100%; } }

.departments {
  display: block;
  overflow: auto; }
  .departments .content {
    margin-bottom: 0;
    border-bottom-left-radius: 2.5em;
    border-bottom-right-radius: 2.5em; }
    .departments .content .col {
      display: block;
      text-align: center;
      padding-top: 1em;
      padding-bottom: 1em;
      overflow: auto; }
      @media only screen and (max-width: 600px) {
        .departments .content .col:nth-child(2n - 1) {
          border-right: 1px solid rgba(0, 0, 0, 0.2); }
        .departments .content .col:nth-child(5) {
          border-bottom-left-radius: 2.5em; }
        .departments .content .col:nth-child(6) {
          border-bottom-right-radius: 2.5em; } }
      @media only screen and (min-width: 601px) and (max-width: 1202px) {
        .departments .content .col:nth-child(3n - 1) {
          border-left: 1px solid rgba(0, 0, 0, 0.2);
          border-right: 1px solid rgba(0, 0, 0, 0.2); }
        .departments .content .col:nth-child(4) {
          border-bottom-left-radius: 2.5em; }
        .departments .content .col:last-child {
          border-bottom-right-radius: 2.5em; } }
      @media only screen and (min-width: 1203px) {
        .departments .content .col {
          border-right: 1px solid rgba(0, 0, 0, 0.2); }
          .departments .content .col:first-child {
            border-bottom-left-radius: 2.5em; }
          .departments .content .col:last-child {
            border-bottom-right-radius: 2.5em; } }
      .departments .content .col:last-child {
        border: 0; }
      .departments .content .col div {
        margin: auto;
        vertical-align: middle;
        font-family: "Source Han Sans"; }
        .departments .content .col div.hoverable {
          color: #ffffff;
          text-align: center; }
        .departments .content .col div.modal .modal-content {
          color: #000000;
          text-align: left;
          font-size: 1.25em;
          padding-bottom: 0em; }
        .departments .content .col div.modal .modal-footer {
          text-align: center;
          margin-top: 0em;
          margin-bottom: 0.3em; }
          .departments .content .col div.modal .modal-footer a {
            font-size: 1.4em; }
  .departments .spacer {
    margin-top: 3.5em;
    margin-bottom: 0em;
    height: 4.5em; }

.description {
  display: block;
  overflow: auto;
  margin-bottom: 0em;
  padding-bottom: 2em; }
  .description.top-radius {
    margin-top: -4.5em;
    padding-top: 4.5em;
    border-top-left-radius: 2.5em;
    border-top-right-radius: 2.5em; }
  .description div {
    overflow: auto; }
    .description div.description-text {
      padding: 0em 2em 0em 2em; }
      @media only screen and (max-width: 1202px) {
        .description div.description-text {
          overflow: auto; } }
      @media only screen and (min-width: 1203px) {
        .description div.description-text {
          height: 25em; } }
      .description div.description-text h2, .description div.description-text p {
        font-family: "Source Han Sans"; }
      .description div.description-text p {
        text-align: justify; }
        @media only screen and (max-width: 1202px) {
          .description div.description-text p {
            font-size: 1.25em; } }
        @media only screen and (min-width: 1203px) {
          .description div.description-text p {
            font-size: 1.45em; } }
    .description div.description-img {
      padding-top: 0.5em;
      padding-bottom: 0.5em; }
      @media only screen and (max-width: 1202px) {
        .description div.description-img {
          overflow: auto; } }
      @media only screen and (min-width: 1203px) {
        .description div.description-img {
          height: 25em; } }
      .description div.description-img img {
        display: block;
        margin: 0 auto;
        max-width: 99%;
        max-height: 99%; }
    .description div.iframe-inside {
      display: block; }
      .description div.iframe-inside iframe {
        height: 40em;
        width: 100%; }
        .description div.iframe-inside iframe.disabled {
          pointer-events: none; }

.footer {
  display: block;
  overflow: auto;
  color: #ffffff;
  padding-bottom: 1.5em; }
  .footer div {
    margin-bottom: 0;
    border-bottom-left-radius: 2.5em;
    border-bottom-right-radius: 2.5em; }
    .footer div.copyright {
      text-align: center;
      height: 2.5em;
      border-bottom-left-radius: 2.5em;
      border-bottom-right-radius: 2.5em; }
    .footer div a {
      color: #ffffff; }
    .footer div img {
      margin-left: 1em;
      margin-top: 1.5em; }
      @media only screen and (max-width: 600px) {
        .footer div img {
          width: 80%;
          height: auto; } }
      @media only screen and (min-width: 601px) and (max-width: 1202px) {
        .footer div img {
          height: 12em;
          width: auto; } }
      @media only screen and (min-width: 1203px) {
        .footer div img {
          height: 10em;
          width: auto; } }

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