/* CSS style sheet */

.island-moments {
  font-family: 'Island Moments', sans-serif;
}

.jolly-lodger {
  font-family: 'Jolly Lodger', cursive;
}

.yellow-font-color {
  color: #FEF208;
}

.tiki-head-font-color {
  color: #B07146;
}

.m-text-shadow-logo {
  text-shadow: 2px 2px 4px #1D182C;
}

.m-tiki-green {
  color: #67A05F;
}

body {
  background-image: url('images/water-background.jpeg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}

.container {
  background-color: white;
}

.sunset-heading {
  font-family: 'Lobster', cursive;
  font-size: 2.7rem;
  line-height: 1.08;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.2px;
  background: linear-gradient(
    to bottom,
    #ffe76a 0%,
    #ffc93a 20%,
    #ffab24 45%,
    #ff7a18 72%,
    #d94d00 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: 1px 1px 1px rgba(73, 30, 0, 0.12);
  margin: 12px auto 18px;
  max-width: 900px;
}

@media (max-width: 991px) {
  .sunset-heading {
    font-size: 2.2rem;
  }
}

@media (max-width: 575px) {
  .sunset-heading {
    font-size: 1.8rem;
    line-height: 1.12;
  }
}
