html, body {
    margin: 0 auto;
    position: relative;
    overflow-x: hidden;
}

h1 {
    margin-top: 0;
    font-weight: 300;
    font-family: "Crimson Pro";
    color: #131313;
    font-size: 2rem;
    line-height: 4.1875rem;
    margin-bottom: 50px;
}

h2 {
    font-weight: 300 !important;
    font-size: 26px !important;
    line-height: 36px !important;
    font-family: "Roboto",sans-serif;
}

.intern-content {
    padding: 30px;
    border: solid 1px #cfcfcf;
    font-family: "Crimson Pro";
    font-size: 21px;
    font-weight: 300;
    line-height: 29px;
    color: #000;
    max-width: calc(33.333% - 8px);
    margin: 4px;
}

.fs_style_8 {
    display: inline-block;
    margin-bottom: 10px;
    position: relative;
    padding: 10px 24px;
    border: 1px solid #356e85 !important;
    border-top-color: rgb(53, 110, 133);
    border-right-color: rgb(53, 110, 133);
    border-bottom-color: rgb(53, 110, 133);
    border-left-color: rgb(53, 110, 133);
    background: #356e85;
    color: #fff;
    font-family: "Roboto",sans-serif !important;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .15em;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    border-radius: 0px;
    cursor: pointer;
    -webkit-transition: .3s all;
    transition: .3s all;
}

    .fs_style_8:hover, .fs_style_8:focus, .fs_style_8.on {
        border-color: var(--secondary-color, #57B7DF) !important;
        background: var(--secondary-color, #57B7DF);
        color: #131313;
        -webkit-transition: .3s all;
        transition: .3s all;
    }

.green-background {
    background: #B0D67A;
    padding: 5px 10px;
    border: 1px solid #72894f;
}

.blue-background {
    background: #57B7DF;
    padding: 5px 10px;
    border: 1px solid #337287;
}

.footer-background {
    background-color: rgba(82, 69, 60);
    content: '';
    display: block;
    position: relative;
    height: 100%;
    width: 100%;
}

    .footer-background:before {
        background: url('fwcs-students.png') no-repeat;
        position: absolute;
        background-position: 50% 0;
        background-size: auto 100%;
        content: '';
        width: 100%;
        height: 100%;
        opacity: 0.1;
    }

.footText {
    line-height: 34px;
}

.mainPadding {
    padding-left: 18px;
    padding-right: 18px;
}

.searchbox button {
    background: none;
    border: medium;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 1.6rem;
}

    .searchbox button:hover {
        color: #57B7DF;
    }

.searchbox label {
    font-size: 1.6rem;
    top: 0;
    padding: 6px 10px;
}

    .searchbox label:after {
        font-size: 1rem;
    }

@media (max-width: 1000px) {
    .searchbox label {
        font-size: 1rem;
        padding: 15px 10px;
    }
}

.subNavBar div.p a {
    text-decoration: none;
}

    .subNavBar div.p a:hover {
        text-decoration: underline;
    }

.subNavBar div.p {
    padding: 0 1rem;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #356e85;
    --bs-btn-border-color: #356e85;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #356e85;
    --bs-btn-hover-border-color: #356e85;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #356e85;
    --bs-btn-active-border-color: #356e85;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #356e85;
    --bs-btn-disabled-border-color: #356e85;
}

.btn:hover {
    color: #131313;
    background-color: #57B7DF;
    border-color: #57B7DF);
}

.btn {
    border-radius: 0;
}

.progress {
    --bs-progress-bar-bg: #356e85;
}