@media (max-width: 960px) {
  .page-container {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (max-width: 960px) {
  .page-container .page-header,
  .page-container .page-content {
    padding-bottom: 13px;
  }
}
@media (max-width: 720px) {
  .page-container .page-header,
  .page-container .page-content {
    padding-bottom: 0px;
  }
}
@media (max-width: 960px) {
  .page-container .page-content .quick-links {
    margin-bottom: 8px;
  }
}
@media (max-width: 720px) {
  .page-container .page-content .quick-links {
    margin-top: 5px;
    margin-bottom: 5px;
  }
}
@media (max-width: 720px) {
  .page-container .page-content .two-column-container {
    display: inline-block;
  }
  .page-container .page-content .two-column-container > tbody {
    display: inline-block;
  }
  .page-container .page-content .two-column-container > tbody > tr {
    display: table;
  }
  .page-container .page-content .two-column-container > tbody > tr > td.col-left {
    display: table-footer-group;
    width: 100%;
  }
  .page-container .page-content .two-column-container > tbody > tr > td.col-right {
    display: table-header-group;
    width: 100%;
  }
  .page-container .page-content .two-column-container > tbody > tr.top-row .col-left {
    background-color: transparent;
  }
  .page-container .page-content .two-column-container > tbody > tr.top-row .col-left .event-list-container {
    margin-top: 8px;
  }
  .page-container .page-content .two-column-container > tbody > tr.bottom-row {
    width: 100%;
  }
  .page-container .page-content .two-column-container > tbody > tr.bottom-row .col-left {
    display: none;
  }
}
@media (max-width: 960px) {
  body {
    font-size: 80%;
  }
}
@media (max-width: 720px) {
  body {
    font-size: 84%;
  }
}
@media (max-width: 480px) {
  body {
    font-size: 78%;
  }
}
@media (max-width: 720px) {
  .page-header .top .top-left .logo-container {
    padding: 5px;
  }
  .page-header .top .top-left .logo-container a .logo {
    width: 80%;
  }
}
@media (max-width: 480px) {
  .page-header .top .top-left .logo-container {
    padding: 5px;
  }
}
@media (max-width: 720px) {
  .page-header .top .top-center .welcome {
    font-size: 1.05em;
  }
}
@media (max-width: 480px) {
  .page-header .top .top-center .welcome {
    font-size: 1em;
  }
}
@media (max-width: 720px) {
  .page-header .top .top-right .top-right-inner-container a .home,
  .page-header .top .top-right .top-right-inner-container a .help,
  .page-header .top .top-right .top-right-inner-container a .login {
    font-size: 0.8em;
  }
}
@media (max-width: 480px) {
  .page-header .top .top-right .top-right-inner-container a .home,
  .page-header .top .top-right .top-right-inner-container a .help,
  .page-header .top .top-right .top-right-inner-container a .login {
    font-size: 1em;
  }
  .page-header .top .top-right .top-right-inner-container a .home div,
  .page-header .top .top-right .top-right-inner-container a .help div,
  .page-header .top .top-right .top-right-inner-container a .login div {
    display: none;
  }
}
@media (max-width: 720px) {
  .page-header .nav ul li {
    width: 24%;
  }
}
@media (max-width: 480px) {
  .page-header .nav ul li {
    width: 33.3%;
  }
}
@media (max-width: 480px) {
  .page-content .quick-links .quick-link-panel {
    vertical-align: middle;
  }
}
@media (max-width: 480px) {
  .page-content .quick-links .quick-link-panel .quick-link-panel-icon-container {
    width: 100%;
  }
}
@media (max-width: 960px) {
  .page-content .quick-links .quick-link-panel .quick-link-panel-icon-container i {
    font-size: 3.9em;
    height: 2em;
    line-height: 2em;
  }
}
@media (max-width: 720px) {
  .page-content .quick-links .quick-link-panel .quick-link-panel-icon-container i {
    font-size: 3em;
    height: 2em;
    line-height: 2em;
  }
}
@media (max-width: 480px) {
  .page-content .quick-links .quick-link-panel .quick-link-panel-icon-container i {
    font-size: 2em;
    height: 2em;
    line-height: 2em;
  }
}
@media (max-width: 480px) {
  .page-content .quick-links .quick-link-panel .panel-top-corner {
    display: none;
  }
}
@media (max-width: 960px) {
  .page-content .quick-links .quick-link-panel .personnel,
  .page-content .quick-links .quick-link-panel .this-month,
  .page-content .quick-links .quick-link-panel .next-month,
  .page-content .quick-links .quick-link-panel .this-year {
    margin-top: 2.6em;
  }
}
@media (max-width: 720px) {
  .page-content .quick-links .quick-link-panel .personnel,
  .page-content .quick-links .quick-link-panel .this-month,
  .page-content .quick-links .quick-link-panel .next-month,
  .page-content .quick-links .quick-link-panel .this-year {
    margin-top: 2.1em;
  }
}
@media (max-width: 480px) {
  .page-content .quick-links .quick-link-panel .personnel,
  .page-content .quick-links .quick-link-panel .this-month,
  .page-content .quick-links .quick-link-panel .next-month,
  .page-content .quick-links .quick-link-panel .this-year {
    width: 100%;
    text-align: center;
    vertical-align: middle;
    margin-top: 0;
    margin-bottom: 1em;
  }
}
@media (max-width: 960px) {
  .page-content .quick-links .quick-link-panel .personnel .value,
  .page-content .quick-links .quick-link-panel .this-month .value,
  .page-content .quick-links .quick-link-panel .next-month .value,
  .page-content .quick-links .quick-link-panel .this-year .value {
    font-size: 2.4em;
  }
}
@media (max-width: 720px) {
  .page-content .quick-links .quick-link-panel .personnel .value,
  .page-content .quick-links .quick-link-panel .this-month .value,
  .page-content .quick-links .quick-link-panel .next-month .value,
  .page-content .quick-links .quick-link-panel .this-year .value {
    font-size: 2em;
  }
}
@media (max-width: 480px) {
  .page-content .quick-links .quick-link-panel .personnel .value,
  .page-content .quick-links .quick-link-panel .this-month .value,
  .page-content .quick-links .quick-link-panel .next-month .value,
  .page-content .quick-links .quick-link-panel .this-year .value {
    font-size: 1.7em;
  }
}
@media (max-width: 960px) {
  .page-content .quick-links .quick-link-panel .personnel .name,
  .page-content .quick-links .quick-link-panel .this-month .name,
  .page-content .quick-links .quick-link-panel .next-month .name,
  .page-content .quick-links .quick-link-panel .this-year .name {
    font-size: 1em;
  }
}
@media (max-width: 720px) {
  .page-content .quick-links .quick-link-panel .personnel .name,
  .page-content .quick-links .quick-link-panel .this-month .name,
  .page-content .quick-links .quick-link-panel .next-month .name,
  .page-content .quick-links .quick-link-panel .this-year .name {
    font-size: 0.8em;
  }
}
@media (max-width: 480px) {
  .page-content .quick-links .quick-link-panel .personnel .name,
  .page-content .quick-links .quick-link-panel .this-month .name,
  .page-content .quick-links .quick-link-panel .next-month .name,
  .page-content .quick-links .quick-link-panel .this-year .name {
    font-size: 0.9em;
    line-height: 1.2em;
  }
}
@media (max-width: 960px) {
  .page-content .two-column-container .col-left .event-list-container .list-container .list .table-content .event div {
    font-size: 1.1em;
  }
}
@media (max-width: 720px) {
  .page-content .two-column-container .col-left .event-list-container .list-container .list .table-content .event div {
    font-size: 0.85em;
  }
}
@media (max-width: 480px) {
  .page-content .two-column-container .col-left .event-list-container .list-container .list .table-content .event div {
    font-size: 0.85em;
  }
}
@media (max-width: 960px) {
  .page-content .two-column-container .col-right .calendar-container .calendar-body .calendar-inner-container .calendar tr td.cell a span {
    height: 2.45em;
    line-height: 2.45em;
    font-size: 1.4em;
  }
}
@media (max-width: 720px) {
  .page-content .two-column-container .col-right .calendar-container .calendar-body .calendar-inner-container .calendar tr td.cell a span {
    height: 1.4em;
    line-height: 1.4em;
    font-size: 1.8em;
  }
}
@media (max-width: 480px) {
  .page-content .two-column-container .col-right .calendar-container .calendar-body .calendar-inner-container .calendar tr td.cell a span {
    height: 2em;
    line-height: 2em;
    font-size: 2em;
  }
}
@media (max-width: 720px) {
  .page-content .two-column-container .col-right .calendar-container .calendar-legend ul {
    margin-top: 5px;
    margin-bottom: 5px;
  }
}
@media (max-width: 720px) {
  .page-footer .first-row {
    display: inline-block;
  }
  .page-footer .first-row > tbody {
    display: inline-block;
    width: 100%;
  }
  .page-footer .first-row > tbody > tr {
    display: inline-block;
    width: 100%;
  }
  .page-footer .first-row > tbody > tr > td.contact-info-container {
    display: inline-block;
    float: left;
    width: 70%;
  }
  .page-footer .first-row > tbody > tr > td.contact-info-container:first-child {
    padding-top: 5px;
  }
  .page-footer .first-row > tbody > tr > td.contact-info-container .contact-info {
    padding-left: 15px;
  }
  .page-footer .first-row > tbody > tr > td.contact-info-container.footer-logo-container {
    width: 100%;
    display: inline-block;
    float: right;
    margin-left: auto;
    margin-right: auto;
    padding-right: 5px;
    text-align: right;
  }
  .page-footer .second-row {
    margin-top: -6px;
    display: inline-block;
  }
  .page-footer .second-row > tbody {
    display: inline-block;
    width: 100%;
  }
  .page-footer .second-row > tbody > tr {
    display: inline-block;
    width: 100%;
  }
  .page-footer .second-row > tbody > tr > td.footer-copyright,
  .page-footer .second-row > tbody > tr > td.footer-phone-number {
    display: block;
    text-align: center;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .page-footer .second-row > tbody > tr > td.footer-copyright {
    padding-bottom: 0;
  }
  .page-footer .second-row > tbody > tr > td.footer-phone-number {
    padding-top: 0;
  }
}
@media (max-width: 480px) {
  .page-footer .first-row > tbody > tr > td.contact-info-container.footer-logo-container {
    width: 100%;
  }
  .page-footer .first-row > tbody > tr > td.contact-info-container.footer-logo-container a .footer-logo {
    height: 23px;
  }
  .page-footer .second-row {
    margin-top: -6px;
  }
}