@import url("https://fonts.googleapis.com/css?family=Lato:400,700|Lora|Playfair+Display:700i,900");

h1 {
  font-size: calc(28px + 0.8vw) !important;
}
h2 {
  font-size: calc(20px + 0.8vw) !important;
}
p {
  font-size: calc(12px + 0.8vw) !important;
}

h1,
h2,
p,
i,
a {
  /* color: rgba(0, 0, 0, 0.84); */
  text-rendering: optimizeLegibility;
}

h1 {
  font-family: "Playfair Display", serif;
  font-size: 48px;
  text-align: left;
  margin-bottom: 8px;
}

h2 {
  font-family: "Lato", sans-serif;
  font-size: 26px;
  font-weight: 700;
  padding: 0;
  /* margin: 56px 0 -13px -1.883px; */
  margin-bottom: 1rem;
  text-align: left;
  line-height: 34.5px;
  letter-spacing: -0.45px;
}

p,
i,
a {
  /* margin-top: 21px; */
  font-family: "Lora";
  /* font-size: 21px; */
  /* letter-spacing: -0.03px;
  line-height: 1.58; */
}

a {
  text-decoration: underline;
}

h1,
h2,
p {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

p video {
  width: 100%;
}

/* Header */

.hero {
  background-color: #394046;
  background-image: url("../images/photos-museum/justin-dawn-188.jpg");
  background-position: 50% 64%;
  background-size: cover;
  height: 25vw;
}

hgroup {
  margin-top: 4vw;
}

/* Swiper.js */

.swiper-outer {
  background-color: #111;
  position: relative;
  width: 100%;
  height: 100vh;
  margin-top: -1rem;
  margin-bottom: 4rem;
}
.swiper {
  position: absolute;
  width: 100%;
  height: 100%;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border: 0;
  outline: 0;
}

/* Swiper overrides */

:root {
  --swiper-navigation-color: #fff;
  --swiper-pagination-color: #fff;
}