#hero {
    background-image: url('../img/silhouettes.png');
    background-size: contain;
    background-repeat:no-repeat;
    background-position: center center;
}

  /* #Mega Menu Styles
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  .mega-menu {
    display: none;
    left: 0;
    position: absolute;
    text-align: left;
    width: 100%;
  }



  /* #hoverable Class Styles
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  .hoverable {
    position: static;
  }

  .hoverable > a:after {
    content: "\25BC";
    font-size: 10px;
    padding-left: 6px;
    position: relative;
    top: -1px;
  }

  .hoverable:hover .mega-menu {
    display: block;
  }


  /* #toggle Class Styles
  –––––––––––––––––––––––––––––––––––––––––––––––––– */

  .toggleable > label:after {
    content: "\25BC";
    font-size: 10px;
    padding-left: 6px;
    position: relative;
    top: -1px;
  }

  .toggle-input {
    display: none;
  }
  .toggle-input:not(checked) ~ .mega-menu {
    display: none;
  }

  .toggle-input:checked ~ .mega-menu {
    display: block;
  }

  .toggle-input:checked + label {
    color: white;
    background: #2c5282; /*@apply bg-blue-800 */
  }

  .toggle-input:checked ~ label:after {
    content: "\25B2";
    font-size: 10px;
    padding-left: 6px;
    position: relative;
    top: -1px;
  }

/* Table input class */
.cfr-form-input {
  width: 30em;
}

/* Map */
#map_canvas {
  height: 350px;
}

/* Special */
.e_mail {
  display: none;
}

.progress {
	animation:progress;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
	animation-timing-function:linear;
}
@keyframes progress {
	0% {
		width: 0%;
	}
	80% {
		opacity: 1;
	}
	100% {
		opacity: 0.5;
		width: 100%;
	}
}