@media (max-width: 943px) {
  .content {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media (max-width: 767px) {
  .content {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.content section {
  padding-top: 32px;
  padding-bottom: 32px;
}
header.header {
  display: flex;
  justify-content: center;
  padding-top: 64px;
  padding-bottom: 16px;
  background-color: #FFF;
}
@media (max-width: 767px) {
  header.header {
    flex-direction: column;
    align-items: center;
    padding-top: 16px;
  }
}
header.header .header-container {
  display: flex;
  flex-direction: column;
  max-width: 450px;
  padding: 16px;
}
@media (max-width: 767px) {
  header.header .header-container {
    width: 100%;
  }
}
header.header .header-container .header-description {
  margin-bottom: 40px;
}
header.header .header-container form.calculator label {
  margin-bottom: 20px;
}
header.header .header-container form.calculator label h3 {
  margin-bottom: 16px;
}
header.header .header-container form.calculator .btn-container {
  display: flex;
  justify-content: center;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
}
header.header .header-container form.calculator .btn-container .btn-submit {
  padding-right: 32px;
  padding-left: 32px;
}
header.header .header-container section.callout {
  padding-top: 64px;
  text-align: center;
  font-size: 20px;
}
header.header .header-container.result {
  min-width: 450px;
}
@media (max-width: 767px) {
  header.header .header-container.result {
    min-width: auto;
  }
}
header.header .header-container.result .info {
  margin-bottom: 16px;
}
header.header .header-container.result .link {
  margin-bottom: 32px;
}
header.header .left-background {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}
@media (max-width: 767px) {
  header.header .left-background {
    display: none;
  }
}
header.header .left-background .cloud {
  height: 35%;
  background-image: url("https://winnie-static.imgix.net/calculator/cloud@3x.png");
  background-position: right;
  background-repeat: no-repeat;
  background-size: auto 70%;
}
header.header .left-background .cloud.result {
  height: 50%;
  background-size: auto 90%;
}
header.header .left-background .learning-to-walk {
  height: 35%;
  margin-bottom: 140px;
  background-image: url("https://winnie-static.imgix.net/calculator/learning_to_walk@3x.png");
  background-position: right;
  background-repeat: no-repeat;
  background-size: auto 80%;
}
header.header .left-background .learning-to-walk.result {
  height: 50%;
  margin-bottom: 0;
  background-size: auto 100%;
}
header.header .right-background {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}
header.header .right-background .sun {
  height: 35%;
  margin-left: 50px;
  background-image: url("https://winnie-static.imgix.net/calculator/sun@3x.png");
  background-position: left;
  background-repeat: no-repeat;
  background-size: auto 100%;
}
header.header .right-background .sun.result {
  height: 50%;
  background-size: auto 120%;
}
@media (max-width: 767px) {
  header.header .right-background .sun {
    display: none;
  }
}
header.header .right-background .reading-teacher {
  height: 35%;
  margin-bottom: 140px;
  background-image: url("https://winnie-static.imgix.net/calculator/reading_teacher@3x.png");
  background-position: left;
  background-repeat: no-repeat;
  background-size: auto 80%;
}
header.header .right-background .reading-teacher.result {
  height: 50%;
  margin-bottom: 0;
  background-size: auto 100%;
}
@media (max-width: 767px) {
  header.header .right-background .reading-teacher {
    height: 250px;
    margin-bottom: 0;
    background-size: auto 100%;
    background-position-x: center;
  }
  header.header .right-background .reading-teacher.result {
    height: 250px;
  }
}
section.featured-cities {
  text-align: center;
}
section.featured-cities ul.cities {
  padding-left: 24px;
  padding-right: 24px;
}
ul.cities > li {
  display: inline-block;
  margin-bottom: 24px;
  margin-left: 24px;
  margin-right: 24px;
  color: #56595D;
}
@media (max-width: 767px) {
  ul.cities > li {
    margin-bottom: 12px;
    margin-left: 12px;
    margin-right: 12px;
  }
}
ul.cities .secondary-link {
  font-weight: bold;
}
@media (max-width: 767px) {
  ul.cities .secondary-link {
    font-size: 14px;
  }
}
ul.cities small {
  color: inherit;
}
@media (max-width: 767px) {
  ul.cities small {
    font-size: 12px;
  }
}
section.cost-guides p {
  margin-bottom: 16px;
}
section.cost-guides ul {
  margin-top: 32px;
}
ul.guides {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
ul.guides > li {
  width: 20%;
  margin-bottom: 16px;
}
@media (max-width: 943px) {
  ul.guides > li {
    width: 25%;
  }
}
@media (max-width: 767px) {
  ul.guides > li {
    width: 180px;
  }
}
ul.guides .thumb {
  float: left;
  width: 35px;
  height: 35px;
}
ul.guides .thumb + div {
  margin-left: 45px;
  line-height: 35px;
}
ul.guides a {
  color: #2A2C2E;
}
footer.content {
  margin-top: 64px;
  background-color: #F5F5F5;
}
section.nearby {
  margin-top: 32px;
  margin-bottom: 32px;
}
section.nearby h3 {
  margin-bottom: 24px;
  font-size: 20px;
}
@media (min-width: 768px) {
  section.nearby ul {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }
}
section.nearby li {
  margin-bottom: 8px;
}
section.nearby li a {
  color: #56595D;
}
section.cards {
  display: flex;
  margin-left: -8px;
  margin-right: -8px;
}
@media (max-width: 767px) {
  section.cards {
    flex-wrap: wrap;
  }
}
section.cards .card {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-left: 8px;
  margin-right: 8px;
  padding: 16px;
  text-align: center;
}
@media (max-width: 767px) {
  section.cards .card {
    margin-bottom: 16px;
  }
}
section.cards .card div.card-details {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
}
section.cards .card a.btn {
  font-size: 14px;
}
section.cards .card strong {
  font-size: 16px;
}
section.cards .card p {
  line-height: 22px;
  font-size: 14px;
  padding-bottom: 32px;
}
section.cards .card p strong {
  font-size: 14px;
}
section.cards .card span.icon {
  width: 40px;
  margin-top: -8px;
  background-size: contain;
}
section.cards .card span.ask {
  width: 78px;
  background-image: url("");
}
section.cards .card span.claim {
  width: 78px;
  background-image: url("");
}
section.cards .card span.advice {
  background-image: url("");
}
section.cards .card span.upgrade {
  background-image: url("");
}
section.cards .card span.job {
  background-image: url("");
}
section.cards .icon {
  width: 78px;
  height: 78px;
}