body{
        background-color:#191919;
    }
    .navbar {
        background: rgba(19, 19, 19, 0.0)!important;
        font-size:18px;        
        color:#fff!important;        
    }
    .topbar{
        background-image: linear-gradient(#464646, #2f2f2f,#191919);
        color:#fff!important;              
    }
    .topbar-full {
        background-image: linear-gradient( #464646, #2f2f2f, #191919);
        filter: drop-shadow(1px 1px 5px #191919)
    }
    .nav-item > a{
        color:#fff!important;
        font-weight:300;
    }
    .nav-item > a:hover{
        font-weight:400;
    }
    .active {
        font-weight:400;
    }
    .sticky{
        position:fixed;
        top: 0;
        width: 100%;
    }
    .navbar-right {
        float:right!important;
    }
    .nav-margin{
        margin-top:18px;
    }
    .logo {
        margin-top:10px;
        float:left!important;
        padding-bottom:10px;
    }
   .main > h1{        
        padding-top:45vh;
        filter: drop-shadow(#333 3px 3px 5px);    
    }
    .btn-shadow{
        filter: drop-shadow(#000 1px 1px 1px); 
    }
    .text-body-emphasis {
        font-size:70px;
        color:#fff!important;
        text-transform:uppercase;
    }    
    .services-left > h1 {
        color:#fff;
        background-color:#333;
        padding:5px 5px 5px 15px;
    }
    .services-left > ul > li {
        font-size:24px;
    }
    .about-right > h1 {
        color:#191919!important;
        background-color:#fff;
        padding:5px 5px 5px 15px;
    }
    .about-right > p {
        font-size:18px;
        padding-top:20px;
        color:#fff;
    }
    .about-right-address > h4 {
        font-size: 20px;
        color:#fff;
        padding-top:20px;
    }
    .about-right-address > h5,
    .about-right-address > h5 > a {
        font-size: 16px;
        color:#fff;
        font-weight:400!important;
    }
    .about {
        height: 100vh;
        display: flex;
        align-items: center;
        background-image: linear-gradient( #464646, #2f2f2f, #191919);
        justify-content: center; /* Center horizontally */
      }      
    .about-right > h1,
    .about-left > img {
        margin: 0;
        color:#fff;
      }    
 
    .about-right-btn > a {
        margin-top:20px;
    } 
       
    .showcase {
        background-image:url("../img/main-hero-image.png");
        height:100vh;
        padding-top:0px;
    }
    .showcase-p {
        font-size:18px;
        font-weight:300;
    }
    .services {
        height:100vh;
        display: flex;
        align-items: center;
        background-color:#fff;
    }    
    .services-btn{
        color:#fff;
        background-color:#000!important;
        margin:0 0 0 30px;
    } 
    .services-btn:hover{
        color:#fff;
        background-color:#333!important;
        margin:0 0 0 30px;
    }
    .services-btn > a:active{
        color:#fff!important;
    }
    .services-left > ul > li {
        padding-top:10px;
    }     
    .services-left > ul {
        list-style:none;
    }
    .services-left > ul > li::before {
        content: "✧";
        margin-right: 14px;
        position: relative;
    }    
    .contact {
        height:100vh;
        display: flex;
        align-items: center;
        background-color:#fff;
    }   
    #description {
        height:75px;
        overflow: hidden;
    }
    footer {
        padding:30px;
        border-top: 1px solid #ededed;  
        color:#fff;      
    }
    .footer-address > h4 {
        font-size: 20px;
        color:#fff;
        padding-top:5px;
        text-align:left!important;
    }
    .footer-address > h5,
    .footer-address > h5 > a {
        font-size: 16px;
        color:#fff;
        font-weight:400!important;
        text-align:left!important;
    }
    .footer-center {
        justify-content: center!important;
        align-content: center!important;
        float:none;
        margin:0 auto;
    }
    .footer-copyright {
        padding-top:30px;
    }
    .contact-form {
        background: #fff;
        padding: 20px;
        border-radius: 8px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }

    .contact-form h2 {
        margin-bottom: 15px;
    }

    .contact-form input,
    .contact-form textarea {
        width: 100%;
        padding: 10px;
        margin: 5px 0;
        border: 1px solid #ddd;
        border-radius: 4px;
    }

    .contact-form button {
        padding: 10px 15px;
        background: #28a745;
        color: #fff;
        border: none;
        border-radius: 4px;
        cursor: pointer;
    }

    .contact-form button:hover {
        background: #218838;
    }
    /* Mobile Code */
    .mobile-show{
        display:none;
    }
    .navbar-toggler-icon {
        background-image: none;
        color:#fff!important;
    }
    @media (max-width: 768px) {
    .mobile-show{
        display:block;
    }
    .mobile-hide{
        display:none;
    }
    .showcase {
        background-image:url("../img/main-hero-image.png");
        height:auto;
    }
    .services {
        height:auto;
        align-items: center;
        background-color:#fff;
    }
    .about {
        height: auto;
        align-items: center;
        background-color:#333;
      }
      .contact {
        height:auto;
        align-items: center;
        background-color:#fff;
    }
    .logo {
        margin-top:0px!important;
        padding-bottom:5px;
    }
    .showcase {
        background-image:url("../img/main-hero-image_small.png");
        height:100vh;
        padding-top:0px;
    }
    .contact-btn {
        margin-bottom:50px;
    }
    .main > h1{        
        padding-top:25vh;
        filter: drop-shadow(#333 3px 3px 5px);    
    } 
    .nav-margin{
        margin-top:0px!important;
    }  
}