body {
    color: #324044;
    font-family: Lato, sans-serif;
    font-size: 1.1rem;
}
h1, h2, h3, h4, h5, h6 {
    color:#51646b;
    font-family: Cardo, serif;
}
.w3-ul {
    margin: 0.5rem !important;
}
button {
    cursor: pointer;
}
.current {
    color: #ba5948 !important;
}
.w3-bar-item:hover {
    color: #324044 !important;
    background-color: #eaeaea !important;
}
.w3-serif {
    font-family: Cardo !important;
}
#logo {
    width: 100px;
}
#home-logo, #orc-logo {
    height: 180px;
}
#home-logo, #orc-logo {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.full-width-img {
    object-fit: cover;
    height: 250px;
    width: 100%;
}
.img-left {
    object-position: 0 0;
}
#carousel .w3-badge {
    height: 15px;
    width: 15px;
}
#carousel a {
    text-decoration: none;
    cursor: pointer;
}
.position-container {
    position: relative;
}
.dark-slate {
    background-color: #324044 !important;
}
.cta-btn {
    display: inline-block;
    background-color: #2196F3;
    color: #fff !important;
    position: relative;
}
.cta-btn:hover {
    background-color: #205d8d;
}
.cta-btn:active {
    box-shadow: 5px 5px 8px #333;
}
.cta-btn a {
    position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;
}
.cta-btn a:hover {
    text-decoration: none !important
}


@media only screen and (min-width: 600px) {
    .full-width-img {
        height: 300px;
    }
}
@media only screen and (min-width: 750px) {
    .full-width-img {
        height: 375px;
    }
}
@media only screen and (min-width: 900px) {
    .full-width-img {
        height: 450px;
    }
}

.gc-center-align {
    text-align: center;
}
.gc-italic {
    font-style: italic;
}
.gc-no-bullet {
    list-style-type: none;
}
.gc-no-margin {
    margin: 0px !important;
}
.gc-skip-to-content-link {
    height: 30px;
    left: 45%;
    padding: 8px;
    position: absolute;
    transform: translateY(-150%);
    transition: transform 0.3s;
}
.gc-skip-to-content-link:focus {
    transform: translateY(0%);
}
.gc-parallax {
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.gc-white-opacity {
    background-color: rgba(255, 255, 255, 0.9);
}
a {
    text-decoration: none;
    color: #448ccb;
}
main a:hover, footer a:hover {
    text-decoration: underline;
}
.tabbing a:focus, .tabbing button:focus {
    outline-style: solid !important;
    outline-color: #ba5948 !important;
    outline-width: 4px !important;
    outline-offset: 4px !important;
}