.splash {
  position: relative;
  width: 100%;
  min-height: 694px;
  background: transparent
    url(/assets/emo-fi/homepage-splash-fc34c6d12e9754aa035fc6ed1e8c1126003a999cf8a3e1d33aa373a96a006742.jpg)
    no-repeat 50% 50%;
  background-size: cover;
}

.menubar {
  display: flex;
  justify-content: space-between;
  background: transparent
    url(/assets/emo-fi/menubar-background-a70b72cedce088ad5f6a8574e93061bf0388d431dfd9a8c4d4515d33f6ebb7e5.png)
    repeat-x 50% 0;
  background-size: 23px 23px;
}

.menubar-left {
  display: flex;
}

.menubar-logo {
  width: 46px;
  height: 23px;
  background: transparent
    url(/assets/emo-fi/apple-menubar-logo-4986f6c6cab5aa1890f362d29187ee257ff2c58878f5ecfce2540ad127c7ac66.png)
    no-repeat 0 50%;
  background-size: 46px 100%;
}

.menubar-finder-menu {
  width: 345px;
  height: 23px;
  background: transparent
    url(/assets/emo-fi/finder-menu-eddded03b366ab90241f85cfc3e8828e0a51daa753e090acac456c73a8576fdd.png)
    no-repeat 0 50%;
  background-size: 345px 100%;
}

.menubar-right {
  display: flex;
}

.menubar-emo-fi {
  position: relative;
  width: 42px;
  height: 23px;
  background: transparent
    url(/assets/emo-fi/emo-fi-menubar-icon-047c7bf9907758b61c141f33f559d8bed3c62a507ae5fa9ad320bc7b73a98673.png)
    no-repeat 0 0;
  background-size: 42px 23px;
}

.menubar-clock {
  width: 109px;
  height: 23px;
  background: transparent
    url(/assets/emo-fi/system-menubar-icons-824212eca3a742be0fd193cebc0cab432cb3e37566670f4044296cc1ef0441be.png)
    no-repeat 0 50%;
  background-size: 109px 100%;
}

.menubar-end-icons {
  width: 82px;
  height: 23px;
  background: transparent
    url(/assets/emo-fi/rightmost-menubar-icons-1094c0049dcc49c13ea9ed2bb6cf0ed5c2a3fa791436e4368779c073a7f42044.png)
    no-repeat 0 50%;
  background-size: 82px 100%;
}

.emo-fi-menu {
  position: absolute;
  top: 100%;
  right: 0;
  width: 280px;
  height: 572px;
  background: transparent
    url(/assets/emo-fi/screenshot-0e8af50c8dd5990f3c50497ae650801aee58b965d6e75523f42132aa363982eb.jpg)
    no-repeat 0 0;
  background-size: 280px 572px;
}

.heading {
  position: absolute;
  top: 50%;
  left: 48px;
  padding: 16px 32px 32px;
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.5);
  transform: translateY(-50%);
}

.title {
  font-size: 128px;
}

.caption {
  font-size: 24px;
  font-weight: 600;
}

.purchase-button {
  display: block;
  margin-top: 24px;
}

.emofi-footer {
  width: 100%;
  max-width: var(--max-width);
  text-align: left;
  padding: 0 24px 32px;
}

@media (max-width: 1024px) {
  .menubar-clock {
    display: none;
  }
}

@media (max-width: 960px) {
  .heading {
    position: static;
    transform: none;
  }
  .menubar-emo-fi {
    height: auto;
  }
  .emo-fi-menu {
    position: relative;
    top: auto;
    margin: 23px 0 24px 40px;
    transform: translateX(-100%);
  }
}

@media (max-width: 768px) {
  .content {
    display: block;
  }
  .content-section + .content-section {
    margin-top: 64px;
  }
}

@media (max-width: 680px) {
  .title {
    font-size: 72px;
  }
}

@media (max-width: 520px) {
  .menubar-finder-menu {
    display: none;
  }
  .menubar-end-icons {
    display: none;
  }
}