* {
  box-sizing: border-box;
}

.hero.back-cloudy {
  background-image: url('../img/pexels-aleksandar-pasaric-325185.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.hero.back-cosy {
  /*background-image: url('../img/pexels-vlada-karpovich-4050430.jpg');*/
  background-image: url('../img/pikaso_texttoimage_digital-painting-Intimate-and-charming-log-cabin-i.jpeg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: local;
  border-radius: 1rem;
}

.hero.back-construction {
  background-image: url('../img/pexels-pixabay-209717.jpg');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: local;
}

.hero.image .hero-body {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 0;
}

.hero .hero-body .text-box {
  padding: 1rem;
  border-radius: 1rem;
  background-color: rgba(0,0,0,40%)
}

.navbar.sticky {
  position: sticky;
  top: 0;
}

.image.inline {
  display: inline-block;
}

.image.large {
  width: 20rem;
}

.tile.is-child,
.tile .title,
.tile .subtitle {
  color: white;
}

.tile.has-padding {
  padding: 2rem;
}

.tile.image img {
  border-radius: 4px;
  object-fit: cover;
  width: 100%;
  height: 20rem;
  display: inline-block;
}

.tile.is-primary {
  background-color: dodgerblue;
}

.tile.is-primary.outline {
  background-color: transparent;
  border: thin solid dodgerblue;
}

@media screen and (min-width: 769px) {
  .tile.flipped {
    flex-direction: row-reverse;
  }
}

ul.card-content li::before {
  content: '• ';
}

.card-content strong {
  color: inherit;
}

.section {
  /* extra space for sticky navbar */
  padding-top: 5rem;
}

.flex-centered {
  display: flex;
  justify-content: center;
  align-items: center;
}


.jumpy {
  animation-duration: 3s;
  animation-name: jumpy;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

@keyframes jumpy {
  from {
    padding-top: 0;
    padding-bottom: 1rem;
  }

  90% {
    padding-top: 0;
    padding-bottom: 1rem;
  }

  95% {
    padding-top: 1rem;
    padding-bottom: 0;
  }

  to {
    padding-top: 0;
    padding-bottom: 1rem;
  }
}