html { 
  background: url(/images/general/tfhc_background.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#main-wrapper {
position: relative;
z-index: 2;
width: 96%;
margin: 20px auto;
/*padding: 20px;*/
background: transparent;
-moz-box-shadow: 0 0 20px black;
-webkit-box-shadow: 0 0 20px black;
box-shadow: 0 0 20px black;
text-align: justify;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px; /* for old Konqueror browsers */
}

/*.w3-teal {
border-top-left-radius:10px;border-top-right-radius:10px
}*/

.w3-teal3,.w3-hover-teal:hover{color:#fff!important;background-color:#116799!important}

.w3-teal2 {
border-bottom-left-radius:10px;border-bottom-right-radius:10px
}


.w3-hover-fhsb:hover{color:#fff!important;background-color:#116799!important}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

#headshare {
width: 95%;
/*border: 1px solid red;*/
/*float: center;*/
text-align: justify;
margin: 20px auto;
padding: 20px;
/*background: transparent;*/
/*173-216-230*/
background-color: rgba(173,216,230,0.2);
-moz-box-shadow: 0 0 20px black;
-webkit-box-shadow: 0 0 20px black;
box-shadow: 0 0 20px black;
text-align: left;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px; /* for old Konqueror browsers */}

/* RETURN TO THE TOP */
#fhtopBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 14px;
  border: none;
  outline: none;
  background-color: black;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 50px;
}
#fhtopBtn:hover {
  background-color: #555;
}
