/*-------------------------------------------------------------------------------------------------*/
/*Main Section 3 colum structure*/
#main-content {
    width: 80%;
    min-width: 460px;
    margin: 0 auto;
    /*margin-left: 10%;
    margin-right: 10%;*/

    background-color: blanchedalmond;
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    background-color: #fff;
    font-size: 1rem;
}

#Left-Content {
    width: 20%;
    min-width: 115px;
}

#Left-Content ul {
    padding-left: 5%;
}

#Center-Content {
    width: 60%;
}

#Right-Content {
    width: 20%;
    min-width: 165px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#NavSubOptions ul li {
    padding-top: 0.5vh;
    padding-bottom: 0.5vh;
}

#NavSubOptions ul li:hover {
    color: blue;
    text-decoration: underline;
}

/*-------------------------------------------------------------------------------------------------*/
/*Main Section center column structure*/






.HomePage-Feature {
    display: flex;
    /*align-items: center;
    justify-content: center;*/
    align-items: flex-start;
    gap: 0.5em;

    border: navy solid 6px;
    margin: 5%;
    padding: 0.5rem;
    background-color: whitesmoke
}



#HomePage-MainImage {
    width: 30%;
    height: auto;
  
}

.Content {
    padding: 0.5rem;
    background-color: whitesmoke;
    text-align: center;
    /*border: red solid 1px;*/
}

td {
    text-align: left;
    vertical-align: top;
    
}
table{
   
    border-collapse: collapse
}
.ContactContend{
    background-color: aquamarine;
}
#Center-Content-TreatmentsAndFees{
    display: flex;
    justify-content: center;
    align-items: center; 
    
}
/*-------------------------------------------------------------------------------------------------*/


footer {
    width: 100%;
    min-width: 250px;
    background-color: #666;
    color: #fff;
    font-size: 1rem;
    text-align: center;
    padding: 1vh;
    /*position: fixed;*/
    display: flex;
    justify-content: space-evenly;
    align-items:center;
    bottom: 1vh;
    position: fixed;

 bottom: 0;
  left: 0;
  width: 100%; /* optional, if you want it to stretch across the screen */
}
/* 
.Footer-Left {

}
.Footer-Middle {
    
}

.Footer-Right {
    
} */
footer img{
   vertical-align: middle;

    width: 10%;
    height: auto;
}

/** xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
@media (max-width: 900px) {
    #main-content {
        width: 95%;
        min-width: 360px;
    }

    #Left-Content {
        width: 15%;
        min-width: 95px;
    }

    #Left-Content ul {
        padding-left: 5%;
    }

    #Center-Content {
        width: 70%;
    }

    #Right-Content {
        width: 15%;
        min-width: 145px;
    }
}

@media (max-width: 750px) {
    html {
        font-size: 14px;
    }

    .HomePage-Feature {
        display: block;
    }

    #HomePage-MainImage {
        width: 100%;
        height: auto;
    }

}



@media only screen and (max-width: 600px) {
    html {
        font-size: 12px;
    }

    body {
        min-width: 360;
    }
}

/*
@media only screen and (max-width: 400px) {
    .responsive-text {
        font-size: 14px;
    }
}*/