:root {
    --navLinkFont:'Lusitana', serif;
    --titleFont:'Lato', sans-serif;
}
html, body {
    margin:0;
    padding:0;
    overflow-x:0;
    scroll-behavior:smooth;
}
/* Styling the Navigation Bar */
body nav {
    background-color:#fff;
    height:100px;
    z-index:2 !important;
}
/* Hiding the Toggle Button on Large screen */
body nav .toggle-button {
    display:none;
}
body nav .toggle-button:hover {
    color:gray;
}
/* Styling the Website Logo */
body nav a .logo {
    width:160px;
    height:75px;
}
/* Styling the Navigation Links */
body nav .nav .nav-item .nav-link {
    color:#000;
    font-family:var(--navLinkFont);
    font-size:18px;
}
body nav .nav .nav-item .nav-link:hover {
    color:gray;
}
body nav .nav .active {
    border-bottom:1px solid #000;
}
/* Styling the Nav Links Modal */
body .nav-link-modal {
    position:fixed;
    height:100%;
    width:100%;
    z-index:999;
    left:0;
    top:0;
    background-color:rgb(0,0,0);
    background-color:rgba(0,0,0,0.9);
    overflow-x:hidden;
    box-sizing:border-box;
    padding:30px 20px;
    display:none;
}
body .nav-link-modal .close {
    color:#fff;
    font-size:35px;
}
body .nav-link-modal .close:hover {
    color:gray;
}
body .nav-link-modal .nav-links-container {
    margin-top:50px;
}
body .nav-link-modal .nav-links-container a {
    display:block;
    padding:8px;
    color:#fff;
    font-family:var(--navLinkFont);
    font-size:24px;
    text-decoration:none;
}
/* Styling the Page Title Section */
body .page-title-section {
    height:550px;
    background-image:url("../images/image\ 1.jpg");
    margin-top:100px;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
}
body .page-title-section .title-text-container {
    width:60%;
    height:auto;
    padding:100px 0 30px 0;
    align-items:center;
    border-bottom:1px solid #fff;
}
body .page-title-section .title-text-container h3 {
    text-align:center;
    color:#fff;
    font-family:var(--navLinkFont);
    text-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
body .page-title-section .title-text-container h1 {
    text-align:center;
    color:#fff;
    font-family:var(--titleFont);
    text-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    text-transform:uppercase;
    letter-spacing:2px;
    margin-top:20px;
    font-size:58px;
}
body .page-title-section h3 {
    text-align:center;
    color:#fff;
    font-family:var(--navLinkFont);
    margin-top:20px;
}
/* Styling the first Body Section  */
body .first-body-section {
    padding:40px 30px 0 30px;
}
body .first-body-section .first-sec-title {
    width:75%;
    box-sizing:border-box;
    overflow:hidden;
    display:block;
    margin:0 auto 0 auto;
    overflow:hidden !important;
}
body .first-body-section .first-sec-title h4 {
    text-transform:uppercase;
    text-align:center;
    color:gray;
    font-family:var(--navLinkFont);
}
body .first-body-section img {
    width:100%;
    margin-top:70px;
}
body .first-body-section h4 {
    text-align:center;
    font-family:var(--navLinkFont);
    margin:25px 0 20px 0;
}
body .first-body-section .description {
    text-align:center;
    font-family:var(--navLinkFont);
    padding:0 30px;
    color:gray;
}
body .first-body-section .two-side {
    overflow:hidden;
}
body .first-body-section .two-side .one-side {
    width:50%;
    overflow:hidden;
}
body .first-body-section .two-side .one-side .text-container {
    width:100%;
    padding:0 20px;
}
body .first-body-section .two-side .one-side .text-container h4 {
    text-align:center;
    font-family:var(--navLinkFont);
}
body .first-body-section .two-side .one-side .text-container p {
    text-align:center;
    font-family:var(--navLinkFont);
    font-size:15px;
    color:gray;
}
/* Second Body Section */
body .second-body-section {
    background-color:#50555c;
    overflow:hidden;
    padding:0 0 30px 0;
    margin-top:20px;
}
body .second-body-section h3 {
    text-align:center;
    color:#fff;
    font-family:var(--navLinkFont);
    margin:40px 0 30px 0;
}
/* Third Body Section */
body .third-body-section {
    padding:50px 0 30px 0;
}
body .third-body-section h3 {
    font-family:var(--titleFont);
    margin-bottom:20px;
}
body .third-body-section hr {
    border-width:2px;
}
body .third-body-section h4 {
    text-align:center;
    font-family:var(--navLinkFont);
    margin-top:40px;
}
body .third-body-section p {
    font-family:var(--navLinkFont);
    color:gray;
    text-align:center;
    margin-top:30px;
}
body .third-body-section .tel, body .third-body-section .email {
    cursor:pointer;
}
body .third-body-section .tel:hover, body .third-body-section .email:hover {
    color:#000;
}
/* Fourth Body Section */
body .situation {
    width:100%;
    height:350px;
}
/* Fifth Body Section */
body .fifth-body-section {
    background-color:#50555c;
    overflow:hidden;
}
body .fifth-body-section .text-icon-container {
    background-color:inherit;
    padding:50px 0 40px 0;
}
body .fifth-body-section .text-icon-container h3 {
    font-family:var(--titleFont);
    color:#fff;
    text-transform:uppercase;
}
body .fifth-body-section .text-icon-container hr {
    border-color:#fff;
}
body .fifth-body-section .text-icon-container a {
    display:block;
    text-align:center;
    color:#fff;
    font-size:38px;
    margin-top:40px;
}
/* Footer */
body .footer {
    width:100%;
    padding:40px 50px;
}
body .footer h6 {
    text-align:center;
    font-family:var(--navLinkFont);
    font-weight:bold;
}
body .footer .center {
    text-align:center;
    font-family:var(--navLinkFont);
    margin-top:20px;
}
body .footer .gray {
    color:gray;
}
body .footer .copyright {
    font-family:var(--navLinkFont);
    color:gray;
}
/* Styling Navigation Bar on mobile devices */
@media all and (max-width:500px) {
    /* Showing Toggle Button on Small Screen */
    body nav .toggle-button {
        display:block;
        font-size:24px;
        position:absolute;
        left:25px;
        cursor:pointer;
    }
    /* Hiding Navigation Links on Small Screen */
    body nav .nav {
        display:none;
    }
    /* Styling the Nav Logo on Small Screen */
    body nav a .logo {
        width:110px;
        height:40px;
    }
    /* Styling the Navigation Modal on Small Screen */
    body .nav-link-modal .nav-links-container {
        margin-top:40px;
    }
    body .nav-link-modal .nav-links-container a {
        padding:10px;
    }
    /* Styling the Page Title Section */
    body .page-title-section {
        height:535px;
    }
    /* Styling the Page Title Section */
    body .page-title-section .title-text-container {
        padding:50px 0 30px;
    }
    body .page-title-section .title-text-container h3 {
        font-size:24px;
    }
    body .page-title-section .title-text-container h1 {
        font-size:38px;
    }
    /* Styling the first Body Section  */
    body .first-body-section .first-sec-title {
        width:100%;
    }
    body .first-body-section .first-sec-title h4 {
        font-size:18px;
    }
    body .first-body-section img {
        margin-top:50px;
    }
    body .first-body-section .two-side {
        margin-right:auto;
        margin-left:auto;
    }
    body .first-body-section .two-side .one-side {
        width:100%;
    }
    /* Second Body Section */
    body .second-body-section .links-container a img {
        margin:5px;
    }
    /* Third Body Section */
    body .third-body-section {
        padding:30px 20px;
    }
    /* Fourth Body Section */
    body .situation {
        height:250px;
    }
    /* Footer */
    body .footer .copyright {
        font-size:12px;
    }
}