* {
  box-sizing: border-box;
}
body {
  font-size: 14px;
  margin: 0;
  height: 100vh;
}

.wrapper {
  background: rgba(0, 148, 95, 1);
  width: 100%;
  height: 100vh;
  padding-top: 2vh;
  max-width: 500px;
  margin: 0 auto;
}

.section-two {
  background: url("../images/header.jpg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  height: 25vh;
}

.section-three {
    background-color: #FFF;
    font-size: 1.2rem;
    color: rgba(0, 148, 95, 1);
    font-family: Inter;
    position: relative;
    padding: 1.5vh 0;
}

.section-three .headphones {
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    width: 30%;
    padding-left: 5vh;
}

.section-three .headphones img {
    height: 4rem;
    vertical-align: middle;
}

.section-three .text {
    width: 67%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 1vh;
    padding-right: 5vh;
    font-weight: bold;
}

.section-four {
    font-size: 1rem;
    color: #FFF;
    text-align: center;
    padding: 3vh;
    font-family: Inter;
    font-weight: 400;;
}

.section-four .text {
  margin-top: 3vh;
}

audio {
  width: 100%;
  max-width: 300px;
}

.section-five {
  background: url("../images/footer.jpg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  height: 47vh;
}