#myNav{
    background-color: rgb(182, 182, 182);
}

#cardImage{
    height: 50vh;
    object-fit: cover;
}

#cardBtn{
    background-color: rgb(151, 21, 27);
    color: #fff;
    text-decoration-color: #fff;
}

#portraitImage{
    height: 550px;
    border: 2px solid black;
    box-shadow: 10px 5px 10px rgb(50, 50, 50);
}

#wallpaper{
    background-image: url("Images/wallpaper (4).jpg");
    background-size: cover;
}

#howWeDoIT{
    background-color: rgb(151, 21, 27);
    color: white;
}

#logo{
    height: 60px;
    width: 110px;
    margin: 10px 0px 10px 50px;
}

#navTitle{
    color: rgb(0, 0, 0);
}

#map {
    border: 2px solid black;
    box-shadow: 10px 5px 10px rgb(50, 50, 50);
}

#companyName{
    font-weight: bold;
}

#btnText{
    color: #fff;
    margin: 1vh 0vh 1vh 0vh;
}

#aboutUs{
    border: 2px solid black;
    box-shadow: 10px 5px 10px rgb(50, 50, 50);
    background-color: rgb(151, 21, 27);
    top: 20px;
    position: relative;
}

.slogan{
    font-size: 26px;
}

#serviceImg{
    height: 50vh;
    border: 2px solid black;    
    box-shadow: 10px 10px 5px rgb(50, 50, 50);
    background: linear-gradient(rgb(145, 145, 145), rgb(50, 50, 50))
}

.card{
    border: 2px solid black;
    box-shadow: 10px 5px 10px rgb(50, 50, 50);
}

#myNav a{
    font-size: 1.12rem;
}
#myNav a:hover{
    color: #ffffff;
}



#MainNav button{
    color: #ffffff;
}

@media (max-width: 576px)
{
    #cardImage
    {
        height: 40vh;
    }

    #map {
        margin-top: 20px;
        height: 30vh;
        width: 100%;
    }
    #portraitImage{
        height: 400px;
        margin: 10px 0px 10px 0px;
    }
    footer{
        font-size: small;
    }
    #serviceImg{
        height: 40vh;
    }
    #manu{
        display: none;
    }
}