body {
    background-color: black;
    font-family: Arial;
    overflow-x: hidden;
}

.active {
    font-weight: bolder;
    font-size: 1.2em;
    border-bottom: 2px solid red;
}

#home-content {
    position: relative;

    float: left;
    width: 100%;
    height: 725px;
    margin-top: 25px;

    background-image: url("images/home_bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    color: white;
}

#home-content .title {
    font-weight: bold;
    font-size: 2em;
}

#home-content .title span {
    font-weight: light;
    font-size: 0.45em;
    font-weight: normal;
    font-style: italic;
}

#home-content .center {
    margin: auto;
}

#home-content .details {
    width: 242px;
    height: 83px;
    font-size: 0.75em;
    background-color: rgb(149, 39, 36);
    margin-top: 45px;
    box-shadow: 0px 0px 10px black;
}

#home-content .details ul {
    font-size: 1em;
    margin-top: 15px;
    list-style-type: none;
}

#home-content .details li {
    font-size: 1em;
    font-weight: 550;
}

#about_us {
    float: left;
    margin-top: 25px;
    background-image: url("images/about_us_bg_image.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    color: white;
}

#about_us .title {
    font-weight: bolder;
    font-size: 1.7em;
    margin-left: 100px;
    margin-top: 45px;
}

#about_us .text_container {
    margin: auto;
    margin-top: 50px;
    line-height: 1.7em;
    text-align: justify;
    width: 60%;
}

#about_us .text_container span {
    font-size: 2em;
    font-weight: bold;
}

#about_us .text_container a {
    color: inherit;
    text-decoration: underline;
}

#about_us .text_container a:hover {
    color: rgb(189, 0, 0);
}

#links {
    float: left;
    width: 100%;
    height: 306px;
    background-image: url("images/links_useful_links_bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    color: white;
    margin-top: 15px;
}

.privacy_policy {
    color: red !important;
    font-size: 0.9em;
    font-weight: bold;
    text-align: center;
}

.privacy_policy a {
    color: red !important;
    text-decoration: none !important;
}

#services .our_services {
    position: relative;

    float: left;
    width: 100%;
    height: 100%;
    margin-bottom: 25px;

    background-image: url("images/services_our_services_bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;

    color: white;
}

.two_column {
    display: flex;
    flex-direction: row;
    float: left;
}

.text {
    color: white;
    text-align: justify;
    margin-left: 50px;
    width: 65%;
    line-height: 1.5em;
}

.text span {
    font-size: 1.2em;
    font-weight: bold;
}

.content {
    float: left;
    color: white;
    margin-top: 15px;
}

.content ul {
    margin-left: 75px;
    margin-top: 25px;
    width: 450px
}

.content ul li a {
    color: inherit;
    text-decoration: none;
}

.content .center_text {
    display: flex;
    padding-left: 15px;
}


.content ul li:nth-child(1) {
    list-style-type: none;
    text-transform: uppercase;
    padding-bottom: 5px;
    margin-bottom: 20px;
    width: fit-content;
    font-weight: bold;
    border-bottom: 2px solid red;
}

.content ul li {
    font-weight: normal;
}

.links {
    float: left;
    color: white;
    margin-top: 15px;
}

.links ul {
    margin-top: 25px;
    width: 450px
}

.links ul li a {
    color: inherit;
    text-decoration: none;
}

.links .center_text {
    display: flex;
    padding-left: 15px;
}


.links ul li:nth-child(1) {
    list-style-type: none;
    text-transform: uppercase;
    padding-bottom: 5px;
    margin-bottom: 20px;
    width: fit-content;
    font-weight: bold;
    border-bottom: 2px solid red;
}

.links ul li {
    font-weight: normal;
    width: 250px;
}


#contact_us {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    margin-top: 25px;
    margin-bottom: 25px;
}

#map {
    position: relative;
    float: left;
    max-width: 1256px;
    width: 100%;
    height: 304px;
    margin-bottom: 25px;
}

#map .details {
    position: absolute;
    float: left;
    width: 45%;
    height: 50%;
    font-size: 0.9em;
    background-color: rgb(0, 0, 0);
    padding-top: 5px;
    top: 5px;
    left: 5px;
}

#map .enlarge {
    bottom: 25px;
    right: 75px;
    position: absolute;
    background-color: gray;
    width: 194px;
    height: 50px;
    color: white;
    text-align: center;
    font-weight: bolder;
    font-size: 0.9em;
    box-shadow: 0px 0px 10px black;
}

#map .enlarge:hover {
    color: red;
    background-color: white;
    transition: color 1s, background-color 1s;
    -webkit-transition: color 1s, background-color 1s;
    -moz-transition: color 1s, background-color 1s;
    -o-transition: color 1s, background-color 1s;
    transition: color 1s, background-color 1s;
}

#map .enlarge:not(:hover) {
    color: white;
    background-color: gray;
    transition: color 1s;
    -webkit-transition: color 1s, background-color 1s;
    -moz-transition: color 1s, background-color 1s;
    -o-transition: color 1s, background-color 1s;
    transition: color 1s, background-color 1s;
}

#map .details ul {
    color: white;
    font-size: 0.75em;
    text-align: left;
    list-style-type: none;
}

#map .details ul li:nth-child(1) {
    color: red;
    padding-bottom: 5px;
    font-weight: bold;
    font-size: 1.2em;
}

#map .details span {
    font-weight: bold;
    color: red;

}

#footer {
    float: left;
    margin-top: 15px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#footer .motto {
    font-weight: bold;
    color: white;
    text-align: center;
}

#footer .motto span {
    font-weight: 400;
    font-style: italic;
    font-size: 0.9em;
}

#footer .address {
    color: gray;
    float: left;
    text-align: center;
    font-size: 0.9em;
}

#footer .copyright {
    align-self: flex-end;
    font-size: 0.65em;
    color: gray;
}

.brand {
    color: white;
    font-weight: bold;
}

.nav-link {
    color: white !important;
    margin-left: 5px;
}

.nav-link:hover {
    color: white !important;
}

.nav-bg {
    background-color: black !important;
}

.row {
    float: left !important;
}

.jumbotron {
    border-radius: 0px;
    color: white;
    background-color: transparent;
}

.jumbotron span {
    font-size: 1.4em;
    font-weight: bold;
}

.jumbotron a {
    color: white;
    text-decoration: underline;
}

.jumbotron a:hover {
    color: red;
}

.nav-item {
    width: fit-content !important;
}

.centered-jumbo-text {
    margin: 0 auto;
    padding: 100px 20%;
    text-align: justify;
}


@media screen and (max-width: 600px) {
    .two_column {
        flex-direction: column;
    }

    .centered-jumbo-text {
        padding: 50px 10px;
        text-align: justify;
    }

    #map .details {
        width: 98%;
        height: 48%
    }

    .content ul {
        width: 250px;
    }
}