html {
  font-size: 16px;
  scroll-behavior: smooth;
}
body {
  background-color: hsla(0, 0%, 100%, 1);
  font-family: 'open-sans', sans-serif;
  font-weight: 400;
}

/* page loader */
.page-loader {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: hsla(0, 0%, 100%, 1);
  z-index: 1000;
}
.main {
  position: absolute;
  top: 30px;
  right: 0;
  left: 0;
  width: 100%;
  padding: calc(0.5rem + 0.3vw) 0;
  background-color: hsla(0, 100%, 100%, 1);
  z-index: 10;
  /* transition: all ease-in-out 150ms; */
}
.main.scroll {
  position: fixed;
  top: 0;
}

.content,
.video-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 calc(0.25% + 7vw);
}
.video-content,
.endorsementContent {
  margin: calc(1.25rem + 3vw) 0;
  justify-content: center;
  column-gap: calc(0.85rem + 4vw);
  padding-bottom: calc(1rem + 0.5vw);
}
.video-content {
  margin: calc(1.25rem + 3vw) 0 0;
}
.video {
  display: flex;
  flex-direction: column;
}
header.content {
  flex-direction: column;
}
.logo {
  width: calc(6.5rem + 11vw);
  transition: all ease-in-out 0.35s;
  display: block;
  cursor: pointer;
}
.menu {
  display: flex;
  align-items: center;
}
.menuIcon {
  width: calc(1.25rem + 3vw);
  margin-right: calc(0.25rem + 3vw);
  fill: hsla(175, 67%, 11%, 1);
}
.show-btn,
.donateBtn,
.ctaBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: calc(0.8rem + 0.3vw) calc(0.65rem + 1vw);
  font-size: calc(0.9rem + 0.65vw);
  border-radius: 1000px;
  letter-spacing: 0.5px;
  user-select: none;
  transition: all ease-in-out 0.35s;
}
.donateBtn {
  padding: calc(0.5rem + 0.5vw) calc(0.5rem + 1vw);
  font-size: calc(0.75rem + 0.65vw);
}

.donate,
.donate:hover {
  color: hsla(0, 100%, 100%, 1);
  margin-top: 0;
  background-color: hsla(354, 84%, 65%, 1);
}
.donate:hover {
  background-color: hsla(354, 85%, 52%, 1);
}
.icon,
.heartIcon,
.socialIcon {
  width: calc(1rem + 1.25vw);
  height: calc(1rem + 1vw);
  margin-right: calc(0.3rem + 0.25vw);
  filter: drop-shadow(rgba(0, 0, 0, 0.5) 1px 3px 2px);
}
.socialIcon {
  width: calc(1.25rem + 1.5vw);
  height: calc(1.25rem + 1.5vw);
  margin-right: calc(0.4rem + 0.25vw);
}
.show,
.archive,
.series {
  width: calc(10rem + 40vw);
  margin: 0 auto;
  color: hsla(0, 100%, 100%, 1);
  background-color: hsla(177, 49%, 51%, 1);
}
.archive,
.series {
  width: calc(12rem + 29vw);
  margin-bottom: calc(4rem + 4vw);
}
.series {
  margin-bottom: calc(0.5rem + 2vw);
}
.show:hover,
.archive:hover,
.series:hover {
  background-color: hsla(177, 50%, 45%, 1);
}

/* header */
.slogan {
  text-align: center;
  margin: 0 auto;
  padding-top: calc(6.5rem + 4vw);
  padding-bottom: calc(2rem + 2vw);
  font-size: calc(0.7rem + 1vw);
  color: hsla(175, 67%, 11%, 1);
}
/* main */

/* video links */
#videoSection {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.videoWrap {
  position: relative;
}

.video-content {
  display: flex;
  flex-direction: column;
}
.video {
  width: calc(10rem + 40vw);
}
@media screen and (min-width: 768px) {
  .video-content {
    display: flex;
    flex-direction: row;
    align-items: start;
  }
  .video {
    width: calc(6.35rem + 12vw);
  }
}
.play-img {
  border-radius: calc(15px + 0.5vw) calc(15px + 0.5vw) 0 0;
  -webkit-box-shadow: 1px 1px 5px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 1px 1px 5px 3px rgba(0, 0, 0, 0.25);
}
.play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(2rem + 1vw);
  height: calc(2rem + 1vw);
  z-index: 100;
  opacity: 0;
}
.play-img:hover {
  -webkit-box-shadow: 1px 1px 5px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 1px 1px 5px 3px rgba(0, 0, 0, 0.4);
}

/* main - section - social media links */

/* social media section */

.h2Social {
  width: calc(8.25rem + 50vw);
  margin: 0 auto;
  padding-bottom: calc(0.5rem + 1vw);
  color: hsla(0, 0%, 100%, 1);
}
.h2Social span {
  font-family: inherit;
  font-weight: 300;
}
.socialLinks {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: calc(1.25rem + 3vw) 0;
  background-color: hsla(177, 49%, 51%, 1);
}
.socialWrap {
  display: flex;
  justify-content: space-between;
  width: calc(8.25rem + 50vw);
  height: calc(2.25rem + 2.4vw);
  margin: 0 auto calc(1rem + 0.5vw) auto;
}

.socialMedia {
  width: calc(8.25rem + 50vw);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: calc(0.6875rem + 0.3vw) calc(0.5rem + 0.7vw);
  font-size: calc(0.65rem + 0.65vw);
  border-radius: 1000px;
  letter-spacing: 0.5px;
  background-color: hsla(0, 0%, 100%, 1);
  font-family: 'open-sans', sans-serif;
  font-weight: 400;
  color: hsla(175, 67%, 11%, 1);
}
.socialMedia:hover {
  background-color: hsla(0, 0%, 100%, 0.85);
}
.socialMedia span {
  font-family: inherit;
  font-weight: 700;
  transition: all 150ms ease-in-out;
}

.socialMedia:hover span {
  color: hsla(177, 49%, 51%, 1);
}
.socialShare {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(2.25rem + 2.4vw);
  height: calc(2.25rem + 2.4vw);
  background-color: hsla(0, 0%, 100%, 1);
  border-radius: 50%;
}
.socialShare img {
  width: 60%;
  height: 60%;
}
.socialShare:hover {
  background-color: hsla(0, 0%, 100%, 0.85);
}

/* about section */

.about {
  width: calc(12rem + 30vw);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  padding: calc(1.25rem + 3vw) 0;
}
.about .text {
  width: 100%;
}
.aboutImgWrap {
  position: relative;
  margin-bottom: calc(0.75rem + 1vw);
  width: 100%;
  height: 100%;
  object-fit: cover;
  overflow: hidden;
  border-radius: calc(10px + 1vw);
}
.about img {
  width: 100%;

  border-radius: calc(10px + 1vw);
  filter: grayscale(1);
  transition: all 750ms ease-in-out;
  transition-delay: 500ms;
}
.about .overlay {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: hsla(177, 49%, 51%, 0.65);
  border-radius: calc(10px + 1vw);
  transition: all 750ms ease-in-out;
  transition-delay: 500ms;
}
.about .overlay:hover,
.part1.in-viewport .overlay,
.part2.in-viewport .overlay,
.part3.in-viewport .overlay,
.part4.in-viewport .overlay {
  background-color: hsla(177, 49%, 51%, 0);
}
.aboutImgWrap:hover img,
.part1.in-viewport .aboutImgWrap img,
.part2.in-viewport .aboutImgWrap img,
.part3.in-viewport .aboutImgWrap img,
.part4.in-viewport .aboutImgWrap img {
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  filter: grayscale(0);
}

.titleText {
  display: flex;
  align-items: center;
  font-size: calc(1rem + 1vw);
  color: hsla(175, 67%, 11%, 1);
  font-family: museo, serif;
  font-weight: 700;
  margin-bottom: calc(0.25rem + 0.25vw);
}
.titleText .img {
  margin-left: calc(0.25rem + 0.25vw);
  background: 0 0 no-repeat url('../images/icons/svg/play.svg');
  width: calc(1rem + 1vw);
  height: calc(1rem + 1vw);
}
.titleText span {
  margin-left: calc(0.25rem + 0.25vw);
  font-weight: 400;
}
.smile {
  overflow: hidden;
  list-style: none;
  padding-left: calc(1.5rem + 1.5vw);
  line-height: 1.45rem;
  font-size: calc(0.9em + 0.3vw);
  text-align: justify;
  color: hsla(157, 7%, 45%, 1);
}

.smile li {
  position: relative;
  margin-bottom: calc(1rem + 0.5vw);
}

.smile span {
  position: absolute;
  left: calc(-1.5rem - 1.5vw);
  width: calc(1.25rem + 1vw);
  height: 1.45rem; /* == line-height */
  background: url('../images/icons/svg/bullet.svg') center left no-repeat;
}

/* contact us section */

.contactUs {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: calc(1.25rem + 3vw) 0;
  background-color: hsla(177, 49%, 51%, 1);
}
.contactUs h2,
.contactUs a {
  color: hsla(0, 0%, 100%, 1);
}
.contactUs a {
  margin: calc(1.5rem + 2vw) auto calc(3rem + 3vw);
  font-size: calc(0.55rem + 2.5vw);
  letter-spacing: 0.0625rem;
  border-bottom: calc(0.0625rem + 0.1vw) solid hsla(0, 0%, 100%, 1);
  font-weight: 400;
}
.contactUs a:hover {
  letter-spacing: 0.1875rem;
}
.contactWrap {
  display: block;
  margin: 0 auto;
  width: calc(12rem + 30vw);
}
.helloWrap {
  display: flex;
}

/* show endorsements section */

.showEndorse {
  width: calc(17rem + 10vw);
  margin: 0 auto;
  padding: calc(2rem + 1vw) 0;
}
.showEndorse h2 {
  line-height: 1rem;
  text-align: center;
}
.h3Endorse,
.h3Charity,
.h3Product {
  color: hsla(157, 7%, 45%, 1);
  font-family: museo, serif;
  font-weight: 300;
  font-style: italic;
  text-align: center;
  line-height: 1;
  margin-bottom: 2.5rem;
  font-size: calc(0.75rem + 0.65vw);
}
.h3Charity {
  color: hsla(0, 0%, 100%, 1);
  text-align: left;
}
.h3Product {
  text-align: left;
}
.endorseWrap {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  padding: calc(0.65rem + 1vw) 0;
}
.endorsement {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.blueBorder {
  border: 5px solid hsla(177, 49%, 51%, 1);
  border-radius: 50%;
}
.endorsement img {
  border-radius: 50%;
  transition: all 500ms ease-in-out;
  transition-delay: 500ms;
  filter: grayscale(1);
}
.endorsement1.in-viewport img,
.endorsement2.in-viewport img,
.endorsement3.in-viewport img,
.endorsement4.in-viewport img,
.endorsement5.in-viewport img,
.endorsement6.in-viewport img {
  filter: grayscale(0);
}
.endorsement h4 {
  text-align: center;
  color: hsla(175, 67%, 11%, 1);
  font-family: museo, serif;
  font-weight: 700;
  font-size: calc(1.15rem + 1vw);
  margin: 0.5rem;
}
.endorsement p {
  font-size: calc(0.8rem + 0.25vw);
  color: hsla(157, 7%, 45%, 1);
  margin-bottom: calc(0.65rem + 0.75vw);
}
.socialEndorse {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: calc(2.5rem + 1.75vw);
}
.btn {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-radius: 1000px;
  padding: calc(0.5rem + 0.1vw);
}
.blue {
  width: 47%;
  background-color: hsla(177, 49%, 51%, 1);
}
.white {
  width: 80%;
  margin: calc(0.75rem + 0.15vw) auto 0;
  background-color: hsla(0, 0%, 100%, 1);
}
.blueProduct {
  width: 80%;
  margin: calc(0.75rem + 0.15vw) auto 0;
  background-color: hsla(177, 49%, 51%, 1);
}

.blue:hover,
.blueProduct:hover {
  background-color: hsla(177, 50%, 45%, 1);
}
.white:hover {
  background-color: hsla(0, 0%, 100%, 0.85);
}
.blue img,
.white img,
.blueProduct img {
  border: none;
  width: calc(1.75rem + 0.25vw);
}
.blue span,
.white span,
.blueProduct span {
  padding-left: 0.4rem;
  font-weight: 600;
  color: hsla(0, 0%, 100%, 1);
  font-size: calc(1rem + 0.1vw);
}
.white span {
  color: hsla(177, 49%, 51%, 1);
}

/* charity endordsements */

.charityEndorse {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: calc(1.25rem + 3vw) 0;
  background-color: hsla(177, 49%, 51%, 1);
}
.charityWrap {
  display: block;
  margin: 0 auto;
  width: calc(12rem + 30vw);
}
.charityEndorse h2 {
  color: hsla(0, 0%, 100%, 1);
}
.charityEndorse h2 span {
  font-weight: 400;
}
.charities {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.charityInner {
  display: flex;
  flex-direction: column;
  width: 45%;
}

.charityImg {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  position: relative;
  object-fit: cover;
  overflow: hidden;
  border-radius: 50%;
  background-color: hsla(0, 0%, 100%, 1);
  border: 4px solid hsla(0, 0%, 100%, 1);
}
.charityImg img {
  border-radius: calc(10px + 1vw);
  transition: all 500ms ease-in-out;
  transition-delay: 1000ms;
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.charityWrap.in-viewport .charityImg img {
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

/* product endordsements */

.productEndorse {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: calc(1.25rem + 3vw) 0;
  background-color: hsla(0, 0%, 100%, 1);
}
.productWrap {
  display: block;
  margin: 0 auto;
  width: calc(12rem + 30vw);
}
.productEndorse h2 {
  color: hsla(175, 67%, 11%, 1);
}
.productEndorse h2 span {
  font-weight: 400;
}
.products {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.productInner {
  display: flex;
  flex-direction: column;
  width: 45%;
}

.productImg {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  position: relative;
  object-fit: cover;
  overflow: hidden;
  border-radius: 50%;
  background-color: hsla(0, 0%, 100%, 1);
  border: 5px solid hsla(177, 49%, 51%, 1);
}
.productImg img {
  border-radius: calc(10px + 1vw);
  transition: all 500ms ease-in-out;
  transition-delay: 1000ms;
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.productWrap.in-viewport .productImg img {
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

/* put me on the show reminder */

.pmots {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding-top: calc(1.25rem + 3vw);
  background-color: hsla(177, 49%, 51%, 1);
}

.pmotsBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: calc(0.6875rem + 0.3vw) calc(0.65rem + 1vw);
  font-size: calc(0.7rem + 0.65vw);
  border-radius: 1000px;
  letter-spacing: 0.5px;
  user-select: none;
  transition: all ease-in-out 0.35s;
}

.show2 {
  width: calc(10rem + 40vw);
  margin: 0 auto;
  color: hsla(175, 67%, 11%, 1);
  background-color: hsla(0, 0%, 100%, 1);
}
.show2:hover {
  background-color: hsla(177, 49%, 51%, 1);
  color: hsla(0, 0%, 100%, 1);
}

/* copyright */
.copyright {
  margin-top: calc(2rem + 1vw);
}
.quick-links p {
  text-align: center;
  font-size: calc(0.5rem + 1vw);
  color: hsla(0, 0%, 100%, 1);
  font-weight: 700;
  margin-bottom: 6rem;
}
@media screen and (min-width: 768px) {
  .quick-links p {
    margin-bottom: 2rem;
  }
}
.quick-links a {
  display: inline-block;
  margin: calc(0.25rem + 0.5vw) calc(0.25rem + 1vw);
  color: hsla(0, 0%, 100%, 1);
  border-bottom: 1px solid hsla(0, 0%, 100%, 0);
  font-weight: 300;
}
.quick-links a:hover {
  color: hsla(0, 0%, 100%, 1);
  border-bottom: 1px solid hsla(0, 0%, 100%, 1);
}
.quick-links span {
  font-size: calc(0.5rem + 0.5vw);
  font-weight: 400;
}

/* nav overlay */

.navOverlay {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 0%;
  width: 100%;
  position: fixed;
  z-index: 20;
  top: 0;
  left: 0;
  background-color: hsla(177, 49%, 51%, 1);
  overflow-y: hidden;
  transition: 250ms ease-in-out;
}

.closeBtnWrap {
  position: absolute;
  opacity: 0;
  top: calc(2.25rem + 1.5vw);
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(1rem + 2vw);
  fill: hsla(0, 0%, 100%, 1);
  transition: all 150ms;

  /* fill: hsla(177, 49%, 51%, 1); */
}
.closeBtnWrap.view {
  opacity: 1;
  transition-delay: 300ms;
}

.navOverlayContent {
  opacity: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: all 150ms;
}
.navOverlayContent.view {
  opacity: 1;
  transition-delay: 600ms;
}
.navOverlayContent a {
  width: 100%;
  color: hsla(0, 100%, 100%, 1);
  font-family: museo, serif;
  font-weight: 500;
  font-size: calc(2rem + 2vw);
  line-height: calc(4rem + 3vw);
  transition: all 250ms ease-in-out;
}
.navOverlayContent a:hover,
.navOverlayContent a:active {
  color: hsla(177, 49%, 51%, 1);
  background-color: hsla(0, 100%, 100%, 1);
}

/* scroll to top button */

.bottom {
  position: fixed;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  bottom: -5rem;
  right: 0;
  left: 0;
  width: 100%;
  padding: calc(0.5rem + 0.15vw) 0;
  background-color: hsla(0, 100%, 100%, 1);
  font-size: calc(0.75rem + 0.25vw);
  font-weight: 700;
  color: hsla(175, 67%, 11%, 1);
  z-index: 10;
}
.bottom.scroll {
  bottom: 0;
}
.bottomWrap {
  display: flex;
  align-items: center;
  flex-direction: row;
  transition: all ease-in-out 200ms;
}
.bottom img {
  width: calc(1.55rem + 0.5vw);
  margin-right: calc(0.25rem + 0.25vw);
}

/* fonts */
.museo300 {
  font-family: museo, serif;
  font-weight: 300;
}
.museo300Italic {
  font-family: museo, serif;
  font-weight: 300;
  font-style: italic;
}
.museo500 {
  font-family: museo, serif;
  font-weight: 500;
}
.museo500Italic {
  font-family: museo, serif;
  font-weight: 500;
  font-style: italic;
}
.museo700 {
  font-family: museo, serif;
  font-weight: 700;
}
.openSans300 {
  font-family: 'open-sans', sans-serif;
  font-weight: 300;
}
.openSans400 {
  font-family: 'open-sans', sans-serif;
  font-weight: 400;
}
.openSans600 {
  font-family: 'open-sans', sans-serif;
  font-weight: 600;
}
.openSans700 {
  font-family: 'open-sans', sans-serif;
  font-weight: 700;
}
.openSans300Italic {
  font-family: 'open-sans', sans-serif;
  font-weight: 300;
  font-style: italic;
}
.openSans400Italic {
  font-family: 'open-sans', sans-serif;
  font-weight: 400;
  font-style: italic;
}
h2,
h2.archive,
h3.internal {
  font-family: museo, serif;
  font-weight: 700;
  color: hsla(175, 67%, 11%, 1);
  font-size: calc(1.15rem + 1.15vw);
  margin-bottom: calc(0.2rem + 0.2vw);
}
h2.archive {
  text-align: center;
}
h3.internal {
  text-align: center;
}
h2 span,
h2.archive span,
h3.internal span {
  font-family: inherit;
  font-weight: 300;
}

h3.coming-soon,
h3.coming-soon-internal {
  font-family: 'open-sans', sans-serif;
  font-weight: 400;
  font-size: calc(1rem + 0.25vw);
  margin-top: calc(-0.25rem - 0.25vw);
  margin-bottom: calc(0.5rem + 0.25vw);
  color: hsla(354, 84%, 65%, 1);
}
h3.coming-soon-internal {
  text-align: center;
}
h4,
h4.ctaWhite {
  text-align: center;
  font-family: museo, serif;
  color: hsla(175, 67%, 11%, 1);
  font-size: calc(1rem + 0.8vw);
  font-weight: 700;
  padding: calc(0.25rem + 0.25vw) 0;
}
h4 span {
  font-weight: 300;
}
h4 sup {
  font-size: calc(0.5rem + 0.5vw);
}
h4.ctaWhite {
  font-size: calc(1.5rem + 1.5vw);
  color: hsla(0, 0%, 100%, 1);
  font-weight: 500;
  font-style: italic;
}
p {
  font-size: calc(0.9rem + 0.3vw);
  font-family: 'open-sans', sans-serif;
  font-weight: 400;
  text-align: justify;
  color: hsla(175, 67%, 11%, 1);
  margin-bottom: calc(1rem + 1vw);
}
p.info {
  padding: calc(0.4rem + 0.3vw) calc(0.5rem + 0.3vw) calc(0.75rem + 0.75vw);
  margin-bottom: calc(1rem + 1vw);
  border-radius: 0 0 calc(15px + 0.5vw) calc(15px + 0.5vw);
  color: #58605f;
  background-color: hsla(174, 45%, 96%, 1);
  text-align: left;
}
@media screen and (min-width: 768px) {
  p.info {
    font-size: calc(0.75rem + 0.2vw);
  }
}
p strong {
  font-size: inherit;
  font-family: inherit;
  font-weight: 700;
  color: hsla(177, 49%, 51%, 1);
}

p strong.red {
  color: hsla(354, 85%, 52%, 1);
}
p em {
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  font-style: italic;
}
p u {
  text-decoration: none;
  color: inherit;
  margin-bottom: 0.1875rem;
  border-bottom: 0.0625rem solid hsla(175, 67%, 11%, 1);
}
p a {
  font-size: inherit;
  font-family: inherit;
  font-weight: 700;
  margin-bottom: 0.1875rem;
  color: hsla(354, 84%, 65%, 1);
  border-bottom: 0.125rem solid hsla(354, 84%, 65%, 1);
}
p a:hover {
  color: hsla(354, 85%, 52%, 1);
  border-bottom: 0.125rem solid hsla(354, 85%, 52%, 1);
}
blockquote {
  border-left: 4px solid hsla(177.073, 49%, 50%, 1);
  padding-left: calc(0.75rem + 1vw);
  margin-bottom: calc(1rem + 1vw);
}
blockquote p {
  font-family: 'open-sans', sans-serif;
  font-weight: 400;
  font-style: italic;
  font-size: calc(0.9em + 0.3vw);
  color: hsla(176, 7%, 45%, 1);
  margin-bottom: calc(0.35rem + 0.5vw);
}
blockquote span {
  font-style: normal;
  font-weight: 400;
  color: hsla(175, 67%, 11%, 1);
}

/* anchors */
a,
svg,
button,
button * .figure figure img,
figure img {
  transition: all 150ms ease-in-out;
}
.inline {
  font-size: inherit;
  color: hsla(177.073, 49%, 51%, 1);
  padding-bottom: 1px;
  border-bottom: 3px solid hsl(177.073, 49%, 51%);
}
.inline:hover {
  color: hsla(177, 49%, 51%, 1);
  border-bottom: 3px solid hsla(177, 49%, 51%, 1);
}

/* media queries */

@media (hover: hover) and (pointer: fine) {
  .bottomWrap:hover {
    color: hsla(354, 84%, 65%, 1);
  }

  .videoWrap:hover .overlay {
    background-color: hsla(177.073, 49%, 45%, 0);
  }
}

@media screen and (min-width: 1024px) {
  .bottom {
    justify-content: flex-end;
    padding: calc(0.5rem + 0.15vw) calc(0.25rem + 7vw);
    background-color: hsla(0, 100%, 100%, 0);
  }
  .bottomWrap {
    justify-items: flex-end;
  }
}

/* archive page(s) */

h1.archive {
  font-family: museo, serif;
  font-weight: 700;
  text-align: center;
  margin: 0 auto;
  padding-top: calc(5.5rem + 4vw);
  padding-bottom: calc(2rem + 2vw);
  font-size: calc(2rem + 2.5vw);
  color: hsla(175, 67%, 11%, 1);
}

h1.archive span {
  font-weight: 300;
}