/* CSS Document */


/*Home Page Styles*/
.hero-section {
  height: 42vh; /*Make that bigger for smaller screen sizes*/
  /*overflow: hidden;*/
  padding-top: 5vh;
 background-image:url("../img/tree_bg.jpg");
}
.set-bg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
/*.titleText{font-size: 3rem !important}*/
/* /Home Page Styles*/
#offcanvasLeft,#offcanvasRight {width: 65%}
/*Footer*/
footer{background-color:#126631 }
footer a{color: black;text-decoration: none;}
/*Footer*/

.headShot {
    width: 100%; /* You can set the dimensions to whatever you want */
    height: 480px;
    object-fit: contain;
}