:root {
  --blue: #0e6caf;
}
.smooth-scroll {
  scroll-behavior: smooth;
}

body {
  background-color: #d2d2d2;
  background-image: url("data:image/png;base64,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");
  padding: 20px;
  font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande",
    "Lucida Sans", Arial, sans-serif;
}
.header .yellowtail-regular {
  font-family: "Yellowtail", cursive;
  font-weight: 400;
  font-style: normal;
}
h1 {
  margin: 0;
}

.header {
  display: flex;
  margin-bottom: 40px;
  flex-direction: column;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  text-align: center;
  border-bottom: 1px solid #aaa;
}
.header h1 {
  margin-bottom: 10px;
  font-size: 20vw;
  line-height: 1;
  color: var(--blue);
}

@media only screen and (min-width: 768px) {
  .header {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    max-width: 60rem;
  }
  .header h1 {
    font-size: 4rem;
  }
}
.header span {
  display: flex;
}
@media only screen and (min-width: 768px) {
  .header span {
    margin-top: -34px;
  }
}
.header span span {
  padding: 0 10px;
}
.header a {
  text-decoration: none;
  color: var(--blue);
}
.header a:hover {
  filter: brightness(75%);
}
.header > span a {
  text-decoration: underline;
}
h3 {
  margin: 6rem 0 0 0;
  color: var(--blue);
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  text-transform: uppercase;
  font-size: 4rem;
  line-height: 1.9rem;
  letter-spacing: -1px;
  opacity: 0.2;
}
#contact h3 {
  line-height: 1rem;
}
@media only screen and (min-width: 768px) {
  h3 {
    font-size: 6rem;
    line-height: 3.5rem;
    letter-spacing: -2px;
  }
  #contact h3 {
    line-height: 2.7rem;
  }
}

#pricing {
  max-width: 60rem;
}
.pricing-card {
  border: 2px solid var(--blue);
  padding: 0px 20px;
  margin: 20px 0px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 0.5rem;
}
.pricing-card:first-of-type {
  margin-top: 10px;
}
.pricing-card h4 {
  display: flex;
  justify-content: space-between;
  font-size: 1.2rem;
  line-height: 1rem;
  margin-bottom: 1rem;
}
.pricing-card .price {
  text-align: right;
}
.pricing-card ul {
  margin-top: 0;
}
.top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 2rem;
  text-decoration: none;
  color: var(--blue);
}
.top:hover {
  filter: brightness(75%);
}
#contact {
  margin-bottom: 20rem;
}
#contact img {
  width: 10rem;
  margin: 1rem 2rem 1rem 0;
  border: 2px solid var(--blue);
  border-radius: 0.5rem;
  float: left;
}
@media only screen and (min-width: 768px) {
  #contact img {
    width: 12rem;
    margin: 1rem 2rem 0 0;
  }
}
.contact {
  margin: 2rem 0 2rem 0;
}
#contact > p {
  line-height: 2rem;
}
.contact .yellowtail-regular {
  font-family: "Yellowtail", cursive;
  font-weight: 400;
  font-style: normal;
  font-size: 2rem;
  margin: 1rem 0 1rem 0;
}

.photog {
  text-align: center;
  margin-top: -1rem;
}

/*============= Image Comparison Slider =============*/
img-comparison-slider {
  visibility: hidden;
}
img-comparison-slider [slot="second"] {
  display: none;
}
img-comparison-slider.rendered {
  visibility: inherit;
}
img-comparison-slider.rendered [slot="second"] {
  display: unset;
}
img-comparison-slider .before,
img-comparison-slider .after {
  margin: 0;
}
img-comparison-slider {
  margin: 10px;
  border: 2px solid var(--blue);
  border-radius: 0.5rem;
}
img-comparison-slider img {
  max-height: 600px;
}
img-comparison-slider .before figcaption,
img-comparison-slider .after figcaption {
  background: #fff;
  border: 1px solid #c0c0c0;
  border-radius: 6px;
  color: #2e3452;
  opacity: 0.75;
  padding: 3px 8px;
  position: absolute;
  top: 96%;
  transform: translateY(-50%);
  line-height: 100%;
  font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande",
    "Lucida Sans", Arial, sans-serif;
  font-size: 1rem;
}
img-comparison-slider .before figcaption {
  left: 1rem;
}
img-comparison-slider .after figcaption {
  right: 1rem;
}
img-comparison-slider.slider-focus:focus {
  outline: none;
  box-shadow: 0px 0px 10px 4px rgba(256, 256, 256, 0.5);
  transition: box-shadow 200ms ease-in-out;
}
img-comparison-slider .slide-arrow {
  font-size: 30px;
  color: rgba(255, 255, 255, 0.85);
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 20px;
  padding: 2px;
}
/* end Image Comparison Slider */