body{
    position: relative;
}

/*
about::before {
    height: 300px;
    content: "";
    display:block;
}
*/
.col-md-4 h3{
/*    align-content: center;*/
    text-align: center;
}
.back-to-top{
    position: fixed;
    display: none;
    color:darkblue;
/*    font-size: 8vh;*/
    font-size: 8rem;
    bottom: 3%;
    margin: auto;
    right: 2%;
}

#webSiteName {
    padding-top: 0vh;
/*    padding-bottom: 2vh;*/
/*    background-size:contain;*/
/*    padding-right: 5vh;*/
}

#outNavbar{
    height:auto;
}

#theNavBar{
    height:auto;
/*    height:8rem;*/
}


#navText{
    max-width: auto;
}

.navbar{
    position: fixed;
    border-radius: 0;
    background:white;
    width: auto;
    height: inherit;
    padding-top: 1vh;
    padding-bottom: 2vh;
}

#myNavbar li{
/*    margin-left: 20px;*/
/*    margin-left: 20px;*/
}


.section{
    height:auto;
    color: #fff; 
    background-color:dimgray;
}

#home{
/*
    padding-top:;
    margin-top: -8rem;
*/
    min-height: 72vh;
    height: auto;
    background-image: url("/img/mainImage.jpg");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size:cover;
/*    padding-bottom: -50vh;*/
/*    margin-bottom: auto;*/
/*    padding-bottom: 3vw;*/
    padding-top: 1vw
}

#homeTextContainer a{
/*    font-size: 2vh;*/
    font-size: 2rem;
    font-family:sans-serif;
    background-color: darkblue;
}

#homeTextContainer .homeHeader{
/*    font-size: 4.5vh;*/
    font-size: 4.8rem;
    font-family:sans-serif;
/*    padding-top: 3vw;*/
}

#homeTextContainer{
/*    font-size: 3vh;*/
    font-size: 3.5rem;
    font-family:sans-serif;
}

#navSection{
    color: black;
}

#outNavbar{
    border-radius: 0;
    background:white;
/*    min-height: 111px;*/
    border-bottom-color:gainsboro;
}

#theNavBar{
    border-radius: 0;
    border-bottom-color:gainsboro;
}

.icon-bar{

}

.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color:darkblue;;
    background:white;
/*    font-size: 16px;*/
    font-size: 2rem;
 }


#webSiteName{
    color: black;
/*    font-size: 24px;*/
}

#navMenu{
/*    font-size: 16px;*/
    font-size: 2rem;
}

#homeTextContainer{
    padding-top: 20vh;
    color: black;
}

#homeTextContainer .page-header{
    border-bottom: none;
    color:black;
    font:Serif;
}

#about{
/*
    padding-top: 8rem;
    margin-top: -8rem;
*/
    background-color:whitesmoke;
    min-height:28vh;
    height:auto;
    font-family:sans-serif;
}

#aboutTextContainer{
    color: black;
    text-align:center;
    
}

#aboutTextContainer h3{
    color: black;
    text-align:justify;
    
}
#aboutTextContainer .page-header-text{
/*    font-size: 4vh;*/
    font-size: 3.5rem;
}

#aboutTextContainer .aboutTextContainer-text{
/*    font-size: 3vh;*/
    font-size: 2.5rem;
/*    padding-bottom: 2vh;*/
}

#aboutTextContainer a{
    
}

#contactInfo{
    color: black;
    text-align: center;
}
#contactInfo p, h3 {
    text-align: left;
}

#contact .row{
/*    text-align: center;*/
}

#contact{
    position: relative;
    background-color: whitesmoke;
    padding-bottom: 5vh;
    padding-top: 5vh;
}
#contact span, #contact i{
    color:darkblue;
/*    font-size: 2.5vh;*/
    font-size: 2.5rem;
    text-align: left;
}
#contact p,#contact a{
    color:black;
/*    font-size: 2.5vh;*/
    font-size: 2.5rem;
    text-align: left;
}

#contactInfo a:hover, 
#contactInfo a:focus {
    color:darkblue;;
    background:whitesmoke;
    text-decoration: none;
 }

#map{
    min-height: 300px;
/*    min-height: 30vh;*/
    max-width: 100%;
    padding-bottom: 2vh;
    padding-top: 2vh;
}


#services{
    position: relative;
    background-color: white;
    max-width: auto;
/*    padding-top: 7vh;*/
/*    padding-bottom: 7vh;*/
    height:auto;
}
#servicesInfo .row{
    padding-bottom: 2vh;
}

#servicesInfo .row p{
    text-align: justify;
}

#servicesInfo h3{
    color: black;
/*    font-size: 3vh;*/
    font-size: 3rem;
/*    padding-bottom: 1vh;*/
}
#servicesInfo p{
    color: black;
/*    font-size: 16px; */
/*    font-size: 1.9vh; */
    font-size: 2rem;
    text-underline-position: auto;
    text-decoration-color: gainsboro;
/*    padding-bottom: 5px;*/
    padding-bottom: 2.5vh;
    font-family: sans-serif;
}

#servicesInfo  i{
    color:lightblue;
/*    filter: invert(91%) sepia(10%) saturate(1168%) hue-rotate(163deg) brightness(92%) contrast(95%);*/
/*    font-size: 120px;*/
/*    font-size: 12vh;*/
    font-size: 12rem;
    padding-bottom: 1vh;
   
}

.servicesInfoLine {
/*    height: 3px;*/
/*    height: 1.5vh;*/
    height: auto;
/*    width: 80px;*/
/*    width: 80vh;*/
    width:auto;
    background-color: gainsboro;
}


footer {
    background-color:dimgray;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
/*    height: 25px;*/
    height: 1.2%;
    width: 100%;
    overflow:hidden;
}

footer span{
/*    font-size: 16px;*/
/*    font-size: 1.6vh;*/
    font-size: 1.6rem;
    color:aliceblue;
    
}

footer p{
/*    font-size: 18px;*/
/*    font-size: 1.8vh;*/
    font-size: 1.8rem;
    color:aliceblue;
}