<style>


.title:before {
    box-shadow: inset 0 0 2000px rgba(255, 255, 255, .5);
    filter: blur(10px);
}

.title{  
	position: absolute;
	top: 50%; left: 25%;
	transform: translate(-50%,-50%);
	z-index:-1;
	color:white;
	font-size:8vh;
	width:100%;
	text-align:center;
	font-weight:bold;
	  backdrop-filter: blur(15px);
  font-family: 'Montserrat', san-serif;
}

.subTitle{
	font-size:2vh;
	position: absolute;
	top: 55%; left: 8%;
	font-family: 'Montserrat', san-serif;
	color:white;
	letter-spacing:0.18vh;
}

.navPlaceholder{
	height:7.4vh;
	width:100%;
}

.navbar ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #3A5159;
  position: fixed;
  top: 0;
  width: 100%;
  z-index:999;
  border-bottom:solid 0.1vh grey;
  text-align:center;
}

.navbar li {

  display:inline-block;
  margin:0px auto 0px auto;
}

.navbar li a {
  display: block;
  color: white;
  text-align: center;
  padding: 2.2vh 3.2vh;
  text-decoration: none;
  font-size:2.4vh;
  cursor:pointer;
  font-family: 'Roboto', sans-serif;
}

.navbar li a:hover {
  background-color: #293A40;
}

.activeTab{
  background-color: #293A40;
  border-bottom:solid 1px grey;
}

body{
	padding:0;
	margin:0;
}

#aboutContentDiv{
	font-family: 'Roboto', sans-serif;
  display:inline-block;
  float:right;
  font-size:2.2vh;
  margin-top:11.5vh;
  width:50%;
  margin-right:6%;
}

.hyperlink:hover{
	text-decoration:underline !important;
}

.footer{
	height:200px;
	width:100%;
	background-color: #3A5159;
	border-top:solid 0.1vh #CCC;
}

#homeDivImg{
  float:right;
  max-width:100%;
  height:100%;
}

#aboutDivImgContainer{
  display:inline-block;
  float:left;
  width:25%;
}

#aboutDivImg{
  height:65vh;
  margin-top:15vh;
  margin-left:25%;
  border:solid 1px grey;
}

#servicesDiv{
  background-color:rgba(218, 223, 225, 1);
}

#servicesTbl{
  margin-left:6%;
  margin-top:2vh;
  display:inline-block;
  width:50%;
  font-family: 'Roboto', sans-serif;
}

.servicesTDheader{
  font-weight:bold;
  font-size:2.4vh;
  color:rgba(51, 110, 123, 1);
}

.servicesTDbody{
  font-size:2.2vh;
}

.servicesTRpadding{
  display:inline-block;
  margin-top:3.5vh;
}

#whiteRocks{
  float:right;
  width:30%;
  height:80vh;
  margin-top:7vh;
  margin-right:6%;
}

#resourcesDiv{
  background-color:#3c3b36;
  position:relative;
}

#resourcesTbl{
  margin-left:6%;
  margin-top:2vh;
  display:inline-block;
  width:88%;
  color:white;
  font-family: 'Roboto', sans-serif;
}

#resourcesTDtitle{
  color:white;
}

.resourcesTDheader{
  width:33%;
  font-size:2.4vh;
  padding-top:50px;
  padding-right:50px;
}

.resourcesTDbody{
  font-size:2.2vh;
  margin-top:15px;
  color:#CCC;
}

.hyperlink{
  color:white;
  text-decoration: none;
}

#imgPlants{
  width:100%;
  height:250px;
  bottom:0;
  position:absolute;
  opacity:0.4;
  left:0;
}

#contactDiv{
  position:relative;
}

#contactDivFormBackground{
  z-index:2;
  background-color:white;
  width:600px;
  position:absolute;
  margin-left:5%;
  margin-top:4%;
  height:550px;
  outline:solid 1px black;
  opacity:0.2;
}

#contactDivFormContainer{
  z-index:3;
  width:600px;
  position:absolute;
  margin-left:5%;
  margin-top:4%;
  height:550px;
}

#contactFormTbl{
  width:90%;
  margin-left:auto;
  margin-right:auto;
  font-family: 'Roboto', sans-serif;
}

#contactFormTblTitle{
  text-align:center;
}

.contactFormTblHeader{
  font-size:2.4vh;
}

.inputField{
  width:99%;
  height:25px;
  font-size:16px;
}

#contactFormTextArea{
  width:99%;
  height:125px;
  font-size:16px;
}

#contactFormBtnTD{
  text-align:center;
  padding-top:15px;
}

#contactFormBtn{
  width:150px;
  height:40px;
  font-size:16px;
}

.pageMode{
  height:92.6vh;
  overflow-y:hidden;
}

</style>