@font-face {
  font-family: "Panic";
  src: url(../../PanicStricken.ttf) format("truetype");
}
h2,
h3 {
  font-family: "Panic", sans-serif;
  color: #30a400;
}
body {
  padding-top: 0;
}
.brand {
  /*float: left;*/
  height: 50px;
  padding: 15px;
  font-size: 120px;
  line-height: 20px;
  position: absolute;
  /*margin-top: -60px;*/
  font-family: "Panic", sans-serif;
  color: #30a400;
  /*color: #555;*/
  z-index: 1050;
}
.copyright {
  font-family: "Verdana", sans-serif;
  color: #656565;
  align-content: center;
}
.reference-person {
  color: #30a400;
}
.brand:hover,
.brand:focus {
  text-decoration: none;
  color: #30a400;
}
.slogan {
  font-family: "Panic", sans-serif;
  /*margin-top: 10px;*/
  font-size: 18px;
  padding: 0 15px;
  /*padding: 15px 15px;*/
}
.nav {
  font-family: "Panic", sans-serif;
  font-size: 25px;
  position: relative;
}
.logo-frontpage {
  margin-top: 50px;
}
.logo-about {
  margin-top: 50px;
}
.nav > li > a {
  color: #777 !important;
}
.nav > li > a:focus,
.nav > li > a:hover {
  color: #30a400 !important;
}
a:focus,
a:hover {
  color: #30a400 !important;
}
.dropdown-menu {
  font-size: 20px;
}
.reference-boxes {
  /* Adds border on left side of each column */
  margin-bottom: 10px;
}
.footer {
  background-color: #f8f8f8;
  border: 1px solid #e7e7e7;
  margin-top: 20px;
  margin-bottom: 20px;
}
.footer-header {
  background: url('data:image/gif;base64,R0lGODlhAwAJAIABAFFRUf///yH5BAEAAAEALAAAAAADAAkAAAIHTHBpibitCgA7') repeat-x left center;
}
.strippedlist {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.footer-header-title {
  background: #f8f8f8;
  font-family: "Panic", sans-serif;
  font-size: 25px;
  padding: 0 25px 0 0;
  color: #30a400;
}
.content {
  font-family: "Verdana", sans-serif;
}
.frontpage-content {
  margin-top: 20px;
}
.top-buffer {
  margin-top: 10px;
}
.initial-letter {
  font-family: "Panic", sans-serif;
  font-size: 35px;
}
/*#region wrapper for angular ng-include and ng-view animations*/
/*.view-container {
 position: relative;
 overflow: hidden;
 }*/
/*#endregion */
/*#region Angular ng-include, ng-view, ng-repeat shuffle animations*/
.shuffle-animation.ng-enter {
  -moz-transition: ease-out all 0.3s 0.4s;
  -o-transition: ease-out all 0.3s 0.4s;
  -webkit-transition: ease-out all 0.3s 0.4s;
  transition: ease-out all 0.3s 0.4s;
  opacity: 0;
}
.shuffle-animation.ng-enter.ng-enter-active {
  opacity: 1;
}
.shuffle-animation.ng-leave {
  -moz-transition: 0.3s ease-out all;
  -o-transition: 0.3s ease-out all;
  -webkit-transition: 0.3s ease-out all;
  transition: 0.3s ease-out all;
  opacity: 1;
}
.shuffle-animation.ng-leave.ng-leave-active {
  opacity: 0;
}
/*#endregion*/
/*#region Angular ng-include, ng-view, ng-repeat fader animation */
.fader-animation.ng-enter,
.fader-animation.ng-leave {
  -webkit-transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) all 0.5s;
  -moz-transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) all 0.5s;
  -o-transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) all 0.5s;
  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) all 0.5s;
  opacity: 1;
}
.fader-animation.ng-enter,
.fader-animation.ng-leave.ng-leave-active {
  opacity: 0;
}
.fader-animation.ng-enter.ng-enter-active {
  opacity: 1;
}
.fader-animation.ng-move {
  opacity: 0.5;
}
.fader-animation.ng-move.ng-move-active {
  opacity: 1;
}
/*#endregion*/
/*#region Angular ng-show dissolve animation */
.dissolve-animation.ng-hide-remove {
  display: inline!important;
}
.dissolve-animation.ng-hide-remove,
.dissolve-animation.ng-hide-add {
  -webkit-transition: 0.8s linear all;
  -moz-transition: 0.8s linear all;
  -o-transition: 0.8s linear all;
  transition: 0.8s linear all;
}
.dissolve-animation.ng-hide-remove.ng-hide-remove-active,
.dissolve-animation.ng-hide-add {
  opacity: 1;
}
.dissolve-animation.ng-hide-add.ng-hide-add-active,
.dissolve-animation.ng-hide-remove {
  opacity: 0;
}
/*#endregion */
.angular-google-map-container {
  height: 200px;
}
/*iPad*/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .brand {
    font-size: 48px;
  }
}
/*desktop*/
@media only screen and (min-width: 1224px) {
  .brand {
    font-size: 80px;
    top: 10px;
  }
}
/*iPhone size*/
@media only screen and (min-width: 320px) and (max-width: 568px) {
  .brand {
    font-size: 31px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 568px) and (orientation: landscape) {
  .brand {
    font-size: 50px;
  }
}
.reveal-animation.ng-enter {
  -webkit-animation: Fade-Enter-Anime 1s;
  -moz-animation: Fade-Enter-Anime 1s;
  animation: Fade-Enter-Anime 1s;
}
.Content-Fade-Leave {
  -webkit-animation: Fade-Leave-Anime 1s;
  -moz-animation: Fade-Leave-Anime 1s;
  animation: Fade-Leave-Anime 1s;
}
@keyframes Fade-Enter-Anime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes Fade-Leave-Anime {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes Fade-Enter-Anime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes Fade-Leave-Anime {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-moz-keyframes Fade-Enter-Anime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes Fade-Leave-Anime {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/*# sourceMappingURL=styles.css.map */