html,body {
  margin: 0;
  padding: 0;
  width: 100.85%;
  height: 100%;
  overflow-x: hidden;
}
/*Clear fix hack*/
*{
    box-sizing: border-box;
}
html{
    font-family: 'Encode Sans', sans-serif;
}
a{
    color:rgb(6,101,11);
}
/*Nav starts here*/
.est2010{
    text-align: center;
    text-align: -webkit-center; /*safari, chrome*/
    font-size: 1.25rem;
}
/*Fix header image and est 2010 when viewing on smaller screens*/
@media screen and (min-width: 500px){
    .navbg{
        height: 40.625rem;
    }
    .hours{
        font-size:2vw;
    }       
}
.navbg{
    position: relative;
    width: 100%;
    max-width: 100%;
    z-index: 0;
    border: solid 2.5px rgb(6,101,11);
}
.header-info01{
    text-align: center;
}
ul {
    text-align:center;
}
li {
    display:inline-block;
}
.header-container > header{  
    border-bottom:solid rgb(6,101,11) 30px;
    margin-bottom: .4in;
    margin-right: 7px;
}
 /* Start FB styling here*/
.fb_contacts{
    display: flex;
    flex-flow: wrap;
    justify-content: center;
}
.fb{
    border-style: ridge;
    width: fit-content;
    height: fit-content;
    margin-right: 5%;
}
.fb iframe{
    border-style: ridge;
    background: rgb(6,101,11);
    box-shadow: 0px 10px 30px black;
    padding-top: 2.75%;
    padding-bottom: 2.75%;
    max-width: 100%;
}
 /* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
 /* Start contact us form styling here */
.contactus{
    text-align: center;
    background: rgb(6,101,11);
    box-shadow: 0px 10px 30px black;
    border-style:ridge;
    margin: 3.5%;
    }
  .description{
    width: 100%;
    max-width: 100%;
    height: 150px;
    padding: 12px 20px;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    background-color: #f8f8f8;
    resize:both;    
    word-break: break-word;
    text-align: left;
  }
/* style font when clicking submit on form */
#my_id{
    font-size: larger;
}
/*Landscaping cards start here*/
.landscaping-cards{
    display: flex;
    flex-flow: wrap;
    justify-content: center;

}
.card {
    box-shadow: 0px 10px 30px black;
    width: 95%;
    border-style:ridge;
    overflow:visible;
}
h3{
    font-size: 20px;
    padding-bottom: 2.5px;
    background: rgb(6,101,11);
}
h3>p{
    margin: 0;
    text-align: center;
    background: rgb(6,101,11);
    text-align: center;

} 
h3>img{
    max-width: 100%;
    max-height: 100%;
    margin: 0;
    height: 350px;
    width: 400px;
    border: black solid 5px;
  }
/*Footer starts here*/
.footer-container{
    display: flex;
    justify-content: center;
    border-top:solid rgb(6,101,11) 30px;
}
.footer > ul{
    font-size: 1.15em;
    display: flex;
    flex-flow: column;
}
footer > ul > li:not(:last-child){
    margin-bottom: 15px;
}
#hours-heading{
    font-size: 1.5rem;
}
.hours{
    text-align: center;
    font-size: 1.25Rem;
}  
.footer img{
    width: 35%;
}
.copyright{
    font-size: .8rem;
}