.hero-HouseWithLawn{
    height: 90vh;
    width: 100%;
    opacity: 0.9;
    border-bottom: 1px solid black;
    margin-bottom: 15px;
    background-image: url(../images/HouseWithLawn.jpg);
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
}

.banner-words{
    border-radius: 5px;
    z-index: 10;
    background-color: rgba(256, 256, 256, 0.15);
    display: block;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
}

.banner-words{
    color:#013117;
}


.banner-words h2{
    font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    text-align: left;
    margin-block: 0px;
    padding-top: 0px;
    text-align: center;
    font-size: 1.2em;
    color: black;
    padding-bottom: 25px;
}
.banner-words a{
    background-color: #013117;
    color: #fff;
    text-decoration: none;
    border-radius: 8px;
    padding: 10px 20px 10px 20px;
    font-size: 1.5em;
}

.bar{
    width: 100%;
    height: 6.5789rem;
    background-color:#e6f8e8;
    margin-top: 30px;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
}

h2{
    font-family:serif;
    font-size: 2.5rem;
    text-align: center;
    color: #013117;
    padding: 0px;
    margin: 0px;
}
h3{
    padding: 0px;
    font-family:serif;
    font-size: 1.6rem;
    text-align: center;
    color: #013117;
    margin: 0px;;
}

#Services p{
    font-size: 1.2rem;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    margin: 10px;
    text-align: center;
}

#Contact p{
    font-size: 1.2rem;
    font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    margin: 10px;
    text-align: center;
}

#Contact .phn{
    display: flex;
    align-items: center;
    justify-content: center;
}

#Contact .phn p{
    font-size: 2rem;
}

#Contact .phn img{
    width: 2rem;
    height: 2rem;
}

#Contact .phn a{
    text-decoration: none;
    font-size: 2rem;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    display: flex;
    align-items: center;
    color: #013117;
    background-color: #e6f8e8;
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

#Contact .phn a:hover{
    color: #e6f8e8;
    background-color: #013117;
    transition: all ease-out 0.3s;
}
#Contact .phn a div{
    width: 2rem;
    height: 2rem;
    background-image: url("../images/phone.svg");
    background-size: cover;
}

#Contact .phn a:hover div{
    width: 2rem;
    height: 2rem;
    background-image: url("../images/phone_light.svg");
    background-size: cover;
    transition: all ease-out 0.3s;
}

#AboutUs p{
    margin-block: 0px;
    font-size: 1.2rem;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

}

#AboutUs img{
    object-fit:fill;
    width: 100%;
    height: auto;
}

#AboutUs .prof{
    width: 9.375rem;
    height: 14.0625rem;
}

h4{
    color: #013117;
    text-align: center;
    margin: 0px;
}

footer p{
    text-align: center;
    max-width: 45ch;
}