@import url(https://static.contentres.com/site/templates/global/css/assets-articles.css) (min-width: 600px);

@import url('https://fonts.googleapis.com/css?family=Droid+Serif|Montserrat:400,700');
@import url('https://fonts.googleapis.com/css?family=Nothing+You+Could+Do');

.page-services #section_1 {
    background: none;
}

.page-services #section_1 .service p {
    color: #000;
}

.page-services #section_1 .service {
    margin-bottom: 20px;
}

.page-diverse-opportunities #section_0 .welcome {
    display: flex;
}

.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.leftList {
    flex-basis: 50%;
    font-size: 14px;
    margin-right: 5px;
}

.leftList ul {
    list-style: none;
}

.rightModal p {
    font-size: 14px;
}

.rightModal h6 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.rightModal h6 a {
    border-radius: 10px;
    border: 1px black solid;
    color: black;
    font-size: 15px;
    padding: 10px;
    text-transform: capitalize;
}

.rightModal h6 a:hover {
    border-radius: 10px;
    color: #fff;
    border: 1px black solid;
    background-color: #0068b3;
}

@media screen and (max-width: 992px) {
    .modal {
        display: block;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

    .modal-content {
        margin: 15% auto;
        padding: 20px;
        border: 1px solid #888;
        width: 80%;
    }

    .close {
        font-size: 28px;
        font-weight: bold;
    }

    .leftList {
        flex-basis: 40%;
        font-size: 12px;
    }

    .rightModal p {
        font-size: 16px;
    }

    .rightModal h6 a {
        border-radius: 10px;
        border: 1px black solid;
        color: black;
        font-size: 12px;
        padding: 10px;
        text-transform: capitalize;
    }

    .rightModal h6 a:hover {
        border-radius: 10px;
        border: 1px black solid;
        background-color: #0068b3;
    }
}

.homepage #section_1 {
    display: none;
}

.homepage #section_4 {
    background-size: cover !important;
}

.theBox {
    padding: 20px;
    border: 1px grey solid;
}

@media screen and (min-width: 992px) {
    nav#main .container ul.nav > li:first-child {
        display: none;
    }
}
@media screen and (max-width: 992px) {
    #page-wrapper header{
        padding: 0;
        margin-top: 0;
    }
}
.container{
    padding-left: 0!important;
    padding-right: 0!important;
}
footer {
    background-image: url("../../img/footer-bg.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
  }