* {
    margin: 0px;
    padding: 0px;
}

body {
    font-family: "Roboto", sans-serif;
    color: #777;
}

p,
h2 {
    margin-bottom: 20px;
}

p {
    text-align: justify;
}

.show-menu {
    text-decoration: none;
    color: #fff;
    background: #58585a;
    text-align: center;
    padding: 10px 0;
    display: none;
    width: 100%;
    margin-bottom: 1px;
}

a {
    color: #4565e9;
}

a:hover {
    text-decoration: none;
}

.location a {
    color: white !important;
    text-decoration: none;
}

.button a {
    color: white;
    text-decoration: none;
}

.slide img {
    display: block;
    margin: 0px auto;
    width: 250px;
    height: auto;
}

.slide h1 {
    padding-top: 150px !important;
}

.location-nevada {
    background-image: url("../images/location-nevada-header.jpg");
}

.location-nevada-reno {
    background-image: url("../images/location-nevada-reno-header.jpg");
}

.location-nevada-las-vegas {
    background-image: url("../images/location-nevada-las-vegas-header.jpg");
}

.location-nevada-elko {
    background-image: url("../images/location-nevada-elko-header.jpg");
}

.location-california {
    background-image: url("../images/location-california-header.jpg");
}

.location-california-northern {
    background-image: url("../images/location-california-northern-header.jpg");
}

.location-california-southern {
    background-image: url("../images/location-california-southern-header.jpg");
}

.location-arizona {
    background-image: url("../images/location-arizona-header.jpg");
}

.location-northeast-ohio {
    background-image: url("../images/location-northeast-ohio-header.jpg");
}

.location-northeast-maryland {
    background-image: url("../images/location-northeast-maryland-header.jpg");
}

.location-northeast-new-york {
    background-image: url("../images/location-northeast-new-york-header.jpg");
}

.location-northeast-pennsylvania {
    background-image: url("../images/location-northeast-pennsylvania-header.jpg");
}

.location-northeast-west-virginia {
    background-image: url("../images/location-northeast-west-virginia-header.jpg");
}

.location-northeast {
    background-image: url("../images/location-northeast-header.jpg");
}

.location-northwest {
    background-image: url("../images/location-northwest-header.jpg");
}

.location-northwest-idaho {
    background-image: url("../images/location-northwest-idaho-header.jpg");
}

.location-northwest-oregon {
    background-image: url("../images/location-northwest-oregon-header.jpg");
}

.location-northwest-washington {
    background-image: url("../images/location-northwest-washington-header.jpg");
}

.location-northwest-utah {
    background-image: url("../images/location-northwest-utah-header.jpg");
}

.leadership-california {
    background-image: url("../images/leadership-california.jpg");
}

.leadership-southwest {
    background-image: url("../images/leadership-southwest.jpg");
}

.leadership-northwest {
    background-image: url("../images/leadership-northwest.jpg");
}

.leadership-northeast {
    background-image: url("../images/leadership-northeast.jpg");
}

.certifications {
    background-image: url("../images/certifications.jpg");
}

.environmental-services {
    background-image: url("../images/slide-bg-3.jpg");
}

.building-sciences {
    background-image: url("../images/slide-bg-2.jpg");
}

.construction-services {
    background-image: url("../images/slide-bg-1.jpg");
}

/*HOMEPAGE CAROUSEL STYLES - adjusted image positioning*/

.logo-container{
    position: relative;
    top:50%;
    transform: translateY(-50%);
}

.logo-container img{
    height: 270px;
    width: auto;
}

.slide-text-container{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
    max-width: 1100px;
    margin:0 auto;
}

#slide2 .slide-text-container{
    justify-content: flex-end;
}

#slide2 .slide-text{
    margin:0 40px 0 0;
}

.slide-text-container img{
    position: relative;
    height: 270px;
    width: auto;
    margin:0;
    margin-top:-50px;
}

.slide-text{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin-left:60px;
}

.slide-text h1, .slide-text h3{
    text-align: center;
    padding-top:0 !important;
    width: fit-content !important;
}

@media (min-width: 1100px) {
    .container {
        width: 1100px;
        margin: 0 auto;
    }

    #sub-border {
        height: 2px;
        background: #4565e9;
    }

    #header-mobile {
        display: none;
    }

    #top-header {
        height: 32px;
        padding-top: 8px;
        background: #f1f1f1;
        color: #808080;
        font-size: 11pt;
    }

    #top-header a {
        color: #4565e9;
        text-decoration: none;
        margin-right: 10px;
    }

    #top-header a:hover {
        color: black;
    }

    #top-header-left {
        float: left;
        width: 300px;
    }

    #top-header-right {
        float: right;
        width: 750px;
        text-align: right;
    }

    .top-header-right-icon {
        width: 10px;
        height: 10px;
        object-fit: contain;
    }

    #header {
        background: white;
        height: 75px;
        padding: 10px 0px;
        color: black;
    }

    #header-left {
        float: left;
        width: 350px;
    }

    #header-left img {
        width: 350px;
        height: auto;
        margin-left: -30px;
    }

    #header-right {
        float: right;
        width: 750px;
        height: 30px;
        margin-top: 20px;
        text-align: right;
    }
    ul {
        margin: 0;
        padding: 0;
        list-style: none;
        text-align: right;
        position: relative;
        z-index: 1000;
    }

    ul li {
        position: relative;
        display: inline-block;
    }

    li > ul {
        position: absolute;
        top: 37px;
        display: none;
        text-align: left;
        background-color: #dcdcdc;
        padding: 0px 10px 10px;
        z-index: 9;
    }

    li ul > li ul {
        left: calc(100%);
        top: 0px;
        display: none;
        text-align: left;
        background-color: #dcdcdc;
        padding: -0px 4px 4px;
        margin-top: -10px;
    }

    ul li a {
        display: block;
        text-decoration: none;
        color: #777;
        background: #fff;
        padding: 10px;
    }

    ul li a:hover,
    li li ul:hover > ul li a:hover {
        background: #4565e9;
        color: white;
    }

    ul li ul li a {
        background: #dcdcdc !important;
    }

    ul li > ul li {
        margin-left: 0px;
        margin-top: 10px;
        white-space: nowrap;
        display: block;
        padding: 0 5px;
    }

    li:hover > ul {
        display: block;
    }
    ul:hover {
        display: block;
    }
    li:hover > a {
        color: black;
    }

    .sub-page-header {
        background-position: top center;
        background-size: cover;
        height: 100px;
        width: 100%;
    }

    #about-us-header {
        background-image: url("../images/about-us-header.jpg");
    }

    #location-nevada-reno {
        background-image: url("../images/location-nevada-reno.jpg");
    }

    #location-header {
        background-position: top center;
        background-size: cover;
        height: 300px;
        width: 100%;
        margin-top: -20px;
    }

    #location-header h1 {
        color: white;
        font-size: 39pt;
        text-transform: uppercase;
        padding-top: 121px;
    }

    .cycle-slideshow {
        height: 427px !important;
        /*background-position: cover !important;*/
        background-size: cover;
    }

    #slide1 {
        background-image: url("../images/slide-bg-1.jpg");
        height: 427px;
        width: 100%;
        background-size: cover;
        color: white;
    }

    #slide2 {
        background-image: url("../images/slide-bg-2.jpg");
        background-size: cover;
        height: 427px;
        width: 100%;
        color: white;
    }

    #slide3 {
        background-image: url("../images/slide-bg-3.jpg");
        height: 427px;
        width: 100%;
        background-size: cover;
        color: white;
    }

    #slide4 {
        background-image: url("../images/slide-bg-4.jpg");
        height: 427px;
        width: 100%;
        background-size: cover;
        color: white;
    }

    .slide h1 {
        font-size: 18pt;
        font-weight: bold;
        padding-top: 145px;
        text-align: center;
        width: 600px;
        margin: 0 auto 20px auto;
    }

    .slide h3 {
        color: white;
        font-size: 11pt;
        text-align: center;
        font-weight: normal;
        width: 400px;
        margin: 0 auto 20px auto;
    }

    .slide-buttons {
        width: 344px;
        margin: 0 auto;
    }

    .button {
        width: 110px;
        padding: 10px 20px;
        font-size: 10pt;
        color: white;
        text-align: center;
        text-transform: uppercase;
    }

    .dark-blue-button {
        background: #4565e9;
        border: 1px solid #4565e9;
        margin-right: 20px;
    }

    .clear-button {
        background: transparent;
        border: solid 1px white;
        margin: 0 auto;
    }

    .content {
        padding: 40px 0px;
        background: white;
    }

    #about-left {
        float: left;
        width: 400px;
        margin-right: 40px;
        color: #666666;
        font-size: 11pt;
    }

    #about-left h3 {
        font-size: 17pt;
        margin-bottom: 20px;
        color: #333333;
    }

    .blue-border {
        width: 2px;
        background: #4565e9;
        float: left;
        margin-right: 20px;
    }

    #about-right {
        float: right;
        width: 660px;
    }

    .service {
        float: left;
        width: 315px;
        color: #666666;
        font-size: 11pt;
        margin-bottom: 20px;
        margin-right: 15px;
    }

    .service-icon {
        display: block;
        float: left;
        margin-right: 20px;
        margin-bottom: 85px;
        width: 40px;
        height: auto;
    }

    .service h2 {
        color: #333333;
        margin-bottom: 10px;
        margin-top: -5px;
    }

    .service p {
        margin-left: 50px;
        font-style: 11pt;
    }
    h1 {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .content-dark {
        background: #333333 !important;
        color: white;
    }

    .location {
        text-align: center;
        float: left;
        width: 247px;
        margin-right: 20px;
        margin-top: 20px;
    }

    .location img {
        margin-bottom: 10px;
    }

    .location-left {
        float: left;
        width: 530px;
        margin-right: 20px;
        margin-bottom: 20px;
    }

    .location-right {
        float: right;
        width: 550px;
        margin-bottom: 20px;
        font-weight: bold;
    }

    .location-right iframe {
        height: 300px !important;
        width: 100%;
        margin-bottom: 20px;
    }

    .location-left img,
    .location-right img {
        width: 100%;
        height: auto;
    }

    .southern-california {
        border: solid 4px #4565e9;
        background: #4565e9;
    }

    .northeast {
        border: solid 4px #dd6d57;
        background: #dd6d57;
    }

    .northwest {
        border: solid 4px #ddaf57;
        background: #ddaf57;
    }

    .southwest {
        border: solid 4px #6bb2a6;
        background: #6bb2a6;
    }

    .login {
        width: 250px;
        margin: 0px 10px;
        float: left;
        text-align: center;
    }

    .login img {
        display: block;
        margin: 0px auto 10px;
    }

    .contact {
        padding: 40px 0px;
        margin-top: -10px;
        color: white;
    }

    #contact-form {
        text-align: right;
    }

    #contact-form input[type="text"],
    #contact-form select {
        padding: 8px 5px;
        width: 132px;
        margin-right: 20px;
        border-style: none;
        border-radius: 3px;
    }

    #contact-form input[type="submit"] {
        padding: 8px 25px;
        border: solid 1px #0f0e90;
        border-radius: 3px;
        background-color: #6e91f9;
        background-image: linear-gradient(to right, #6e91f9, #adb1ec);
        color: white;
        cursor: pointer;
    }

    #contact-form input[type="submit"]:hover {
        background: black;
    }

    input[type="text"],
    input[type="email"],
    select,
    textarea {
        padding: 8px 5px;
        display: inline-block;
        margin-bottom: 10px;
        font-family: "Roboto";
        color: #333333;
        border: solid 1px #cdcdcd;
        border-radius: 3px;
        background: #fbfbfb;
    }

    input[type="submit"] {
        padding: 8px 25px;
        border-style: none;
        border-radius: 3px;
        background-color: #333;
        color: white;
        cursor: pointer;
    }

    label {
        display: block;
        margin-bottom: 5px;
        color: #333333;
    }

    #footer {
        background: #333333;
        padding: 40px 0px;
        color: white;
        border-bottom: solid 1px #414141;
        font-size: 10pt;
        line-height: 1.5;
    }

    #footer i {
        margin-right: 10px;
        font-size: 18pt;
    }

    #footer a,
    #sub-footer a {
        color: white;
        text-decoration: none;
    }

    #footer a:hover,
    #sub-footer a:hover {
        color: #5567d2;
    }

    #footer-left {
        float: left;
        width: 210px;
    }

    .footer-col {
        float: right;
        margin-left: 20px;
        width: 160px;
    }

    .blue-border {
        width: 60px;
        height: 2px;
        margin-bottom: 20px;
        background: #5567d2;
    }

    #footer h3 {
        font-size: 13pt;
        margin-bottom: 10px;
    }

    #sub-footer {
        background: #333333;
        color: #cdcdcd;
        text-align: center;
        font-size: 10pt;
        height: 30px;
        padding-top: 10px;
    }

    .content-img {
        float: left;
        margin: 0px 20px 20px 0px;
    }

    .leadership {
        margin: 20px 0px;
        border-bottom: solid 1px #777;
    }

    .leadership h4 {
        font-size: 14pt;
        margin-bottom: 10px;
        font-weight: 700;
    }

    .leadership-img{
        width: 200px;
    }

    .careers {
        float: right;
        margin-left: 20px;
        margin-bottom: 20px;
    }

    #careers {
        width: 1000px;
        margin: 20px auto;
    }

    .titles {
        background: #cdcdcd;
        color: #222222;
        font-weight: bold;
        height: 28px;
        padding-top: 8px;
        padding-left: 10px;
    }

    .title {
        float: left;
    }

    .title-location {
        margin-left: 148px;
    }

    .title-application {
        margin-left: 120px;
    }

    .career {
        clear: both;
        height: 100px;
        padding: 10px;
        border-bottom: solid 1px #cdcdcd;
    }

    .job-title {
        float: left;
        width: 250px;
    }

    .job-location {
        float: left;
        width: 180px;
        margin-left: 20px;
    }

    .job-instructions {
        float: left;
        width: 330px;
    }

    #blog-index .container {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
    }

    .blog-index-container {
        width: 300px;
        display: flex;
        flex-flow: row wrap;
        margin-bottom: 40px;
        padding-bottom: 40px;
        border-bottom: 1px solid gray;
    }

    .blog-index-container h3 {
        font-size: 1.15em;
        width: 100%;
        margin-bottom: 5px;
        color: black;
    }

    .blog-index-container h4 {
        margin-bottom: 20px;
        color: #4565e9;
        width: 100%;
    }

    .blog-index-container p {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 8;
        /* height: 156px; */
        margin-bottom: 30px;
        width: 100%;
        color: black;
    }

    .blog-index-container a {
        padding: 6px 20px;
        color: white;
        border: 1px solid #4565e9;
        background-color: #4565e9;
        width: fit-content;
        align-self: flex-end;
        text-decoration: none;
    }

    .blog-index-container a:hover {
        color: #4565e9;
        background-color: white;
    }

    .blog-index-container a:hover i {
        color: #4565e9;
    }

    .memorium {
        float: left;
        width: 40%;
        text-align: center;
        margin: 20px 5%;
    }

    .about-us-content {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    .about-us-box {
        width: 45%;
    }

    .about-us-box img {
        width: 400px;
        float: right;
    }

    .about-us-content ul {
        margin-left: 35px;
    }

    .about-us-content li {
        list-style: disc;
        text-align: left;
        display: list-item;
    }

    .certs-list {
        column-count: 2;
        column-gap: 2rem; /* space between columns */
    }

    .text-right {
        width: 875px;
        margin-left: 225px;
    }
}

@media screen and (max-width: 1099px) {
    .container {
        width: 90%;
        margin: 0 5%;
    }

    /*HOMEPAGE CAROUSEL STYLES TABLET/MOBILE*/

    .logo-container img{
        height: 220px;
        width: auto;
    }

    .slide-text-container{
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .slide-text-container img{
        height: 180px;
        width: auto;
    }

    .slide-text{
        margin-left:0;
    }

    #slide2 .slide-text-container{
        flex-direction: column-reverse;
        justify-content: center;
    }

    #slide2 .slide-text{
        margin-right:0;
    }

    #blog-index .container {
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
    }

    .blog-index-container {
        width: 300px;
        display: flex;
        flex-flow: row wrap;
        margin-bottom: 40px;
        padding-bottom: 40px;
        border-bottom: 1px solid gray;
    }

    .blog-index-container h3 {
        font-size: 1.15em;
        width: 100%;
        margin-bottom: 5px;
        color: black;
    }

    .blog-index-container h4 {
        margin-bottom: 20px;
        color: #4565e9;
        width: 100%;
    }

    .blog-index-container p {
        overflow: hidden;
        text-overflow: ellipsis;
        /* white-space: normal; */
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 7;
        overflow: hidden;
        text-overflow: ellipsis;
        /* height: 156px; */
        margin-bottom: 30px;
        width: 100%;
        color: black;
    }

    .blog-index-container a {
        padding: 6px 20px;
        color: white;
        border: 1px solid #4565e9;
        background-color: #4565e9;
        width: fit-content;
        align-self: flex-end;
        text-decoration: none;
    }

    .blog-index-container a:hover {
        color: #4565e9;
        background-color: white;
    }

    #top-header {
        display: none;
        height: 32px;
        padding-top: 8px;
        background: #f1f1f1;
        color: #808080;
        font-size: 11pt;
    }

    #top-header a {
        color: #808080;
        text-decoration: none;
        margin-right: 10px;
    }

    #top-header a:hover {
        color: black;
    }

    #top-header-left {
        float: left;
        width: 300px;
    }

    #top-header-right {
        float: right;
        width: 100%;
        text-align: right;
    }

    .top-header-right-icon {
        width: 10px;
        height: 10px;
        object-fit: contain;
    }

    #top-header-mobile {
        width: 100%;
        height: 25px;
        text-align: center;
    }
    #top-header-left-mobile a {
        margin-right: 20px;
        float: left;
    }

    #top-header-right-mobile a,
    span {
        display: block;
        float: right;
        font-size: 9pt;
        margin-right: 15px;
    }

    #header-right-mobile {
        display: none;
    }

    #mobile-menu-checkbox {
        display: none;
    }

    #hamburger {
        float: right;
        width: 70px;
        background-color: white;
        margin-top: 20px;
    }
    input[type="checkbox"]:checked ~ div {
        display: block;
    }

    #mobile-menu-checkbox:checked ~ div {
        display: block;
    }

    .hamburger-line {
        background-color: #333;
        width: 35px;
        height: 4px;
        margin-bottom: 5px;
    }

    #header {
        display: none;
    }
    #header-mobile {
        background: white;
        height: 55px;
        padding: 10px 0px;
        color: black;
        width: 100%;
    }

    #header-left-mobile {
        float: left;
        width: 45%;
    }

    #header-right {
        display: none;
        float: right;
        width: 850px;
        height: 30px;
        margin-top: 20px;
        text-align: right;
    }

    .dropdown-checkbox {
        display: none;
    }
    #location-dropdown {
        display: none;
    }
    .dropdown-checkbox:checked + ul {
        display: block;
    }

    input + ul {
        display: none;
    }
    input:checked + ul {
        display: block;
    }

    ul {
        margin: 0;
        padding: 0;
        list-style: none;
        text-align: right;
        position: relative;
        z-index: 1000;
    }

    ul li {
        position: relative;
        display: block;
        color: #000;
        font-size: 16pt;
    }

    li > ul {
        position: absolute;
        top: 30px;
        display: none;
        text-align: left;
        background-color: #fff;
        padding: 8px 0;
        margin-top: -3px;
        z-index: 9;
    }
    li ul > li ul {
        left: calc(100%);
        top: 0px;
        display: none;
        text-align: left;
        background-color: #fff;
        padding: -0px 4px 4px;
        margin-top: -10px;
    }

    ul li a {
        display: block;
        text-decoration: none;
        color: #000;
        background: #fff;
        padding: 10px 20px;
    }
    ul ul li a {
        background: #ddd;
    }
    ul ul ul li a {
        background: #aaa;
    }
    label li {
        display: block;
        text-decoration: none;
        color: #000;
        background: #fff;
        padding: 10px 20px;
    }
    ul ul label li {
        background: #ddd;
    }
    ul ul ul label li {
        background: #aaa;
    }

    ul li > ul li {
        margin-left: 0px;
        margin-top: 10px;
        white-space: nowrap;
        display: block;
        padding: 0 5px;
    }

    li:hover > ul {
        display: block;
    }
    ul:hover {
        display: block;
    }
    li:hover > a {
        color: black;
    }

    .cycle-slideshow {
        height: 427px !important;
        max-height: 427px !important;
        overflow-y: hidden;
        width: 100% !important;
        background-size: cover;
    }

    #slide1 {
        background-image: url("../images/slide-bg-1.jpg");
        height: 427px;
        width: 100%;
        background-size: cover;
        color: white;
        margin-top: 35px;
    }

    #slide2 {
        background-image: url("../images/slide-bg-2.jpg");
        height: 427px;
        width: 100%;
        background-size: cover;
        color: white;
        margin-top: 35px;
    }

    #slide3 {
        background-image: url("../images/slide-bg-3.jpg");
        height: 427px;
        width: 100%;
        background-size: cover;
        color: white;
        margin-top: 35px;
    }

    #slide4 {
        background-image: url("../images/slide-bg-4.jpg");
        height: 427px;
        width: 100%;
        background-size: cover;
        color: white;
        margin-top: 35px;
    }

    .slide h1 {
        font-size: 18pt;
        font-weight: bold;
        padding-top: 100px;
        text-align: center;
        width: 90%;
        margin: 0 auto 20px auto;
    }

    .slide h3 {
        color: white;
        font-size: 11pt;
        text-align: center;
        font-weight: normal;
        width: 80%;
        margin: 0 auto 20px auto;
    }

    .slide-buttons {
        width: 236px;
        margin: 0 auto;
    }

    #about-us-header {
        background-image: url("../images/about-us-header.jpg");
        background-position: top center;
        background-size: cover;
        height: 80px;
        margin-top: 30px;
        width: 100%;
    }

    .button {
        padding: 10px 20px;
        font-size: 10pt;
        color: white;
        text-align: center;
        text-transform: uppercase;
        cursor: pointer;
    }

    .dark-blue-button {
        background: #4565e9;
        border: 1px solid #4565e9;
        margin-right: 5px;
        margin-bottom: 10px;
        float: left;
    }

    .clear-button {
        background: transparent;
        border: solid 1px white;
        margin: 0 auto;
    }

    .content {
        padding: 40px 0px;
        background: white;
    }

    .content img {
        max-width: 100%;
        height: auto;
        margin-bottom: 20px;
    }

    .content-img {
        display: block;
        margin: 0px auto 20px;
    }

    #about-left {
        width: 100%;
        margin-right: 40px;
        color: #666666;
        font-size: 11pt;
    }

    #about-left img {
        display: block;
        margin: 0 auto;
    }

    #about-left h3 {
        font-size: 18pt;
        margin-bottom: 20px;
        color: #333333;
        text-align: center;
    }

    .blue-border {
        width: 2px;
        background: #4565e9;
        float: left;
        margin-right: 20px;
    }

    #about-right {
        float: right;
        width: 100%;
    }

    .service {
        float: left;
        width: 45%;
        color: #666666;
        font-size: 11pt;
        margin-bottom: 20px;
        margin-right: 5%;
        text-align: center;
    }

    .service-icon {
        display: block;
        float: left;
        margin-left: calc(50% - 20px);
        margin-right: calc(50% - 20px);
        margin-bottom: 20px;
        margin-top: 10px;
        width: 40px;
        height: auto;
    }

    .service h2 {
        color: #333333;
        margin-bottom: 10px;
        margin-top: -5px;
        margin-left: 5%;
    }

    .service p {
        margin-left: 5%;
        font-size: 11pt;
    }

    .content-dark {
        background: #333333 !important;
        color: white;
    }

    .content-dark h2{
        text-align: center;
    }

    #location-header {
        background-position: top center;
        background-size: cover;
        height: 300px;
        width: 100%;
        margin-top: 40px;
    }

    #location-header h1 {
        color: white;
        font-size: 32pt;
        text-transform: uppercase;
        padding-top: 90px;
    }

    .location {
        text-align: center;
        float: left;
        width: 247px;
        margin-right: calc(50% - 123.5px);
        margin-left: calc(50% - 123.5px);
        margin-top: 20px;
    }

    .location img {
        margin-bottom: 10px;
    }

    .southern-california {
        border: solid 4px #4565e9;
        background: #4565e9;
    }

    .northeast {
        border: solid 4px #dd6d57;
        background: #dd6d57;
    }

    .northwest {
        border: solid 4px #ddaf57;
        background: #ddaf57;
    }

    .southwest {
        border: solid 4px #6bb2a6;
        background: #6bb2a6;
    }

    .contact {
        padding: 40px 0px;
        margin-top: -10px;
        color: white;
    }

    #contact-form {
        text-align: right;
    }

    #contact-form input[type="text"],
    #contact-form select {
        padding: 8px 5px;
        width: 210px;
        margin-right: calc(50% - 110px);
        margin-bottom: 10px;
        border-style: none;
        border-radius: 3px;
        display: inline-block !important;
    }

    #contact-form select {
        width: 220px !important;
    }

    #contact-form input[type="submit"] {
        padding: 8px 25px;
        border-style: none;
        border-radius: 3px;
        background-color: #333;
        color: white;
        margin-right: calc(50% - 60px);
        display: inline-block !important;
    }

    input[type="text"],
    input[type="email"],
    select,
    textarea {
        padding: 8px 5px;
        display: block;
        margin-bottom: 10px;
        font-family: "Roboto";
        color: #333333;
        border: solid 1px #cdcdcd;
        border-radius: 3px;
        background: #fbfbfb;
    }

    input[type="submit"] {
        padding: 8px 25px;
        border-style: none;
        border-radius: 3px;
        background-color: #333;
        color: white;
        cursor: pointer;
    }

    #footer {
        background: #333333;
        padding: 40px 0px;
        color: white;
        border-bottom: solid 1px #414141;
        font-size: 10pt;
        line-height: 1.5;
        text-align: center;
    }

    #footer i {
        margin-right: 10px;
        font-size: 18pt;
    }

    #footer a,
    #sub-footer a {
        color: white;
        text-decoration: none;
    }

    #footer a:hover,
    #sub-footer a:hover {
        color: #5567d2;
    }

    /* #footer-left {
    float:left;
    width:210px;
  }*/

    .footer-col {
        padding: 20px 5%;
        width: 90%;
        margin-bottom: 20px;
        text-align: center;
    }

    .blue-border {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        height: 2px;
        margin-bottom: 20px;
        background: #5567d2;
    }

    #footer h3 {
        font-size: 13pt;
        margin-bottom: 10px;
    }

    #sub-footer {
        background: #333333;
        color: #cdcdcd;
        text-align: center;
        font-size: 10pt;
        height: 30px;
        padding-top: 10px;
    }

    .leadership {
        margin: 20px 0px;
        border-bottom: solid 1px #777;
    }

    .leadership h4 {
        font-size: 14pt;
        margin-bottom: 10px;
        font-weight: 700;
        text-align: center;
    }

    .leadership img {
        display: block;
        margin: 0 auto 20px auto;
        width: 200px;
        height: auto;
    }

    .center-text {
        text-align: center !important;
    }

    p {
        line-height: 1.4;
    }

    h1 {
        text-align: center;
        margin-bottom: 20px;
        font-size: 18pt;
    }

    .location-left {
        margin-bottom: 20px;
    }

    .location-right {
        margin-bottom: 20px;
        text-align: center;
        font-weight: bold;
    }

    .location-right iframe {
        height: 300px !important;
        width: 100%;
        margin-bottom: 20px;
    }

    .careers {
        margin-bottom: 20px;
    }

    #careers {
        width: 90%;
        margin: 10px 5%;
    }

    .titles {
        display: none;
    }

    .title-location {
    }

    .title-application {
    }

    .career {
        clear: both;
        padding: 10px;
        border-bottom: solid 1px #cdcdcd;
        margin-bottom: 20px;
    }

    .job-title {
        font-weight: bold;
        margin-bottom: 10px;
    }

    .job-location {
        margin-bottom: 10px;
    }

    .job-instructions {
        margin-bottom: 20px;
    }

    .login {
        width: 50%;
        margin: 0px 0px 20px;
        float: left;
        text-align: center;
    }

    .login img {
        display: block;
        max-width: 60px;
        height: auto;
        margin: 0px auto 10px;
    }

    .about-us-content {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .about-us-box img {
        width: 400px;
        float: right;
    }

    .about-us-content ul {
        margin-left: 35px;
    }

    .about-us-content li {
        list-style: disc;
        text-align: left;
        display: list-item;
        font-size: 16px;
        color: #777;
    }
}