body, html {
    height: 100%;
	cursor: default;
	font-size: 13pt;
}

p {
font-family: Arial;
    font-size: 13pt;
    color: black;
}

.kim {
	color: #6eaed8;
	font-family: 'bubblegum_sansregular';
	font-size: 15pt;
}


h1 {
	color: black;
}

h4 {
	color: black;
}


@font-face {
    font-family: 'bubblegum_sansregular';
    src: url('bubblegumsans-regular-webfont.woff2') format('woff2'),
         url('bubblegumsans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'griffy';
    src: url('griffy.woff2') format('woff2'),
         url('griffy.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}





	
.menu {
	color: #6eaed8;
	font-size:14pt;
}

.menuActive {
	color: #0001b1;
	text-decoration: underline;
	font-weight: bold;
	font-size:14pt;
}

.menuHover {
	color: #0001b1;
	font-weight: bold;
	font-size:14pt;
	cursor: pointer;
}

.pagetitle {
    font-size: 18pt;
    font-weight: bold;
    color: #e8a504;
}








/* The hero image */


.about-image .mainImage {
  background-image: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5)), url("web_images/recovery.jpg");
  height: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.hero-image  .mainImage{
 background-image: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5)), url("web_images/welcomeMed.jpg");  

  /* Set a specific height */
  height: 50%;

  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.hero-image1 {
  /* Use "linear-gradient" to add a darken background effect to the image (photographer.jpg). This will make the text easier to read */
 background-image:  url("web_images/logo_header7.png");

  /* Set a specific height */
  width: 100%;

  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  margin-top:15px;
}

.hero-image {
 /* background-image:  url("web_images/welcomeMed.jpg");    */

 /* background-image:  url("web_images/welcomeMed2.jpg"); */
  /* Set a specific height */
  height: 40%;

  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

/* Place text in the middle of the image */

.hero-text1 {
  text-align: center; 
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.hero-text {
 /* text-align: center; */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
}

/*  FANCY box */
.fancybox-custom .fancybox-skin {
			box-shadow: 0 0 50px #222;
}

.fancybox {
padding: 10px;
margin-top: 160px;
 vertical-align: baseline;
}

.fancybox img {
 vertical-align: baseline;
}

/*****  FORM DATA *******/
      .testbox {
      display: flex;
      justify-content: center;
      align-items: center;
      height: inherit;
      padding: 3px;
      }
	  

	
      input {
      width: calc(100% - 10px);
      padding: 5px;
      border: 1px solid #ccc;
      border-radius: 3px;
      vertical-align: middle;
      }
      input:hover, textarea:hover {
      outline: none;
      border: 2px solid #9C6814;
      }
      .first-name {
      margin-bottom: 22px;
      }
   
	  
	
      .first-col {
      width: 16%;
      text-align: left;
      }
      table {
      width: 100%;
      }
      textarea {
      width: calc(100% - 6px);
      }
      .btn-block {
      margin-top: 20px;
      text-align: center;
      }
      button {
      width: 150px;
      padding: 10px;
      border: none;
      -webkit-border-radius: 5px; 
      -moz-border-radius: 5px; 
      border-radius: 5px; 
      background-color: #095484;
      font-size: 16px;
      color: #fff;
      cursor: pointer;
      }
      button:hover {
      background-color: #0666a3;
      }
	  
	  
@media (min-width: 568px) {
      th, td {
      word-break: keep-all;
      }
}

/*  ************   Drop Down ***************/

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: #6eaed8;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #ddd;}

.dropdown:hover .dropdown-content {display: block;}