html,body {
  background: #d6d4d4;
  font-family: 'Open Sans', serif;
}


/*
 * HELPERS
 */

.has-square-corners{
  border-radius: 0px !important;
}
.text-white{
  color: #fff !important;
}
.text-light{
  color: rgba(245,245,245,.7) !important;
}
.text-dark{
  color: #333 !important;
}
.pad-top-3{
  padding-top: 3em;
}





/*
 * NAVIGATION
 */
nav.navbar{
  height: 6em;
  background-color: rgba(100,100,100,.7) !important;
}
.nav-logo>img{
  max-height: 60px !important;
  margin-top: 10px !important;
}
.navbar-burger {
  width: 6rem;
  height: 6rem;
}
.navbar-burger span {
  width: 25px !important;
}
.navbar-burger.is-active span:first-child {
    -webkit-transform: translateY(1px) rotate(45deg);
    transform: translateY(1px) rotate(45deg);
}
.navbar-burger.is-active span:nth-child(3) {
    -webkit-transform: translateY(-2px) rotate(-45deg);
    transform: translateY(-2px) rotate(-45deg);
}
.navbar-item.has-dropdown.is-active .navbar-link, .navbar-item.has-dropdown:hover .navbar-link {
    background-color: #363636;
}
.navbar-dropdown {
    background-color: #363636;
}
.navbar-item.is-active>.text-light, .navbar-item.is-active>.text-light:hover, .navbar-item>.text-light:hover, .navbar-item.text-dark:hover{
  color: #999 !important;
}
@media screen and (min-width: 769px and max-width: 1024px) {
  .navbar-item.has-dropdown {
    text-align: center;
    padding: .5rem .75rem;
  }
  .navbar-item.has-dropdown>.navbar-link {
    text-decoration: underline;
  }
  .navbar-link {
     padding-right: inherit; 
  }
}


.hero.is-medium{
  height: 500px;
}
.hero.is-primary {
  background: #56ab2f;
  background: -webkit-linear-gradient(to right, #a8e063, #56ab2f);
  background: linear-gradient(to right, #a8e063, #56ab2f);
}
.hero-body .container {
  max-width: 700px;
}
.hero-body .title {
  color: hsl(192,17%,99%);
}
.hero-body .subtitle {
  color: hsl(192,17%,99%);
  padding-top: 2rem;
  line-height: 1.5;
}
.hero-image{
  background-image: url('/img/IMAG0835.jpg');
  background-repeat: no-repeat;
  background-position: 50% 0;
}
.features {
  padding: 5rem 0;
}
.box.cta {
  border-radius: 0;
  border-left: none;
  border-right: none;
}
.card-image > .fa {
  font-size: 8rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  color: #a8e063;
}
.card-content .content {
  font-size: 14px;
  margin: 1rem 1rem;
}
.card-content .content h4 {
  font-size: 16px;
  font-weight: 700;
}
.card {
  display: flex;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.18);
  margin-bottom: 2rem;
  height: 100%;
}

.card-block {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.card.card-footer {
  align-self: flex-end;
  flex: 1 1 auto;
}
.intro {
  padding: 5rem 0;
  text-align: center;
}
.sandbox {
  padding: 5rem 0;
}
.tile.notification {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

/*
 * Overrides
 */

.box.transparent.bright{
  background-color: rgba(255,255,255,.7);
}

.box.transparent.dark{
  background-color: rgba(100,100,100,.7);
}