html {
  font-size: 16px; /* ルート要素のフォントサイズを定義する */
  line-height: 1.5rem;
} 

body {
  font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}

h1,
h2,
h3 {
  font-weight: 700;
}

.top_image {
  width: 100%;
}

.sub_copy {
  background-color: #d93a49;
  padding-top: 5rem;
  padding-bottom: 5rem;
}

@media (max-width: 768px) {
  .sub_copy{
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .sub_copy h2 {
    font-size: 1.5rem;
  }
}

.call-to-action {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.profile {
  background: #eee;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.thanks {
  background-color: #d93a49;
  padding-top: 5rem;
  padding-bottom: 5rem;
}