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;
}
.fs_style_28 {
    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: #a5a5a5;
    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_28:hover, .fs_style_28:focus, .fs_style_28.on {
    border-color: var(--secondary-color, #a5a5a5) !important;
    background: var(--secondary-color, #a5a5a5);
    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('grad-students.png') no-repeat;
    position: absolute;
    object-fit: cover;
    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;
}
.sortOrder a {
    color: #2C6E83;
    text-decoration: none;
    font-weight: bold;
    font-size: 20px;
}
.sortOrder a:hover, .sortOrder a:focus {
    color: #44aac9;
    text-decoration: underline;
}
@media (max-width: 960px) {
    .sortOrder a {
        font-size: 14px;
    }
    h1 {
        font-size: 1.4rem;
        line-height: 2.1875rem;
        margin-bottom: 30px;
    }
}
@media (min-width: 768px) {
    .read-more, .read-less {
        color: #2C6E83;
        text-decoration: none;
        padding-bottom: 1rem;
        font-weight: bold;
    }
    .internship {
        height: 370px;
        max-height: 370px;
        overflow-y: auto;
    }
    .internship.expanded {
        height: 800px;
    }
    description-text {
        overflow: hidden;
    }
    .description-text.full {
        height: 100%;
    }
}