body {
    background: #fff url("../images/bg-pattern.png") repeat;
    font-family: 'Segoe UI', Arial, sans-serif;
    color: #222;
    margin: 0;
}

.mtg-header {
    border-bottom: 3px solid #8fe2f7;
}

.mtg-headtop {
    background: #fff;
}

.mtg-logo-main, .mtg-logo-seal, .mtg-header-sign, .mtg-banner {
    vertical-align: middle;
}

.mtg-link.top-link {
    color: #2e38a3;
    font-size: 0.92rem;
    text-decoration: underline;
    margin-bottom: 2px;
    display: block;
    transition: color .2s;
}
.mtg-link.top-link:hover {
    color: #123a5b;
}
.navbar-light.bg-info-subtle {
    background: #bcecf8 !important;
}
.navbar-nav .nav-link {
    font-weight: 600;
    color: #1d4272 !important;
    padding-left: 1rem;
    padding-right: 1rem;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link:hover {
    color: #7965ca !important;
}

.mtg-welcome-img {
    max-height: 375px;
    object-fit: cover;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(51,51,120,.10);
    margin-bottom: 1.2rem;
}

.mtg-box {
    min-height: 230px;
    box-shadow: 0 2px 16px rgba(110,119,200,0.10);
}

.mtg-box-lilac {
    background: #d4cdfa;
    border-left: 8px solid #9075d7;
}
.mtg-box-green {
    background: #a7f8ae;
    border-left: 8px solid #37c42c;
}
.mtg-box-title {
    font-size: 1.18rem;
    color: #32328e;
    font-weight: bold;
}
.mtg-office-hours li {
    font-size: 1.05rem;
    margin-bottom: 3px;
    color: #222;
}

.mtg-roundbtn {
    min-width: 200px;
    border-radius: 50px;
    font-weight: 600;
    font-size: 1.1rem;
    margin-right: 0.5rem;
}

.mtg-footer {
    background: #757575;
    color: #f2f8fd;
    font-size: 1rem;
    padding: 1.5rem 0 1rem 0;
}
.mtg-footer a, .mtg-footer nav a {
    color: #a7f8ae;
    text-decoration: underline;
    margin: 0 .3rem;   
    font-size: .98rem;
}
.mtg-footer .btn-info, .mtg-footer .btn-success {
    color: #fff !important;
    font-size: .9rem;
    padding: 4px 10px;
    border-radius: 7px;
}
.office-hours-footer {
    font-size: 0.94rem;
}