/* Landing-page service section copy and layout. The service network graphic is
   shared with the landlord page in mobilise-service-network.css. */
.mobilise-page .ml-services {
  display: block;
  padding-top: 84px;
  padding-bottom: 88px;
}

.mobilise-page .ml-services__left {
  max-width: 820px;
  margin: 0 auto 37px;
  text-align: center;
}

.mobilise-page .ml-services__left .ml-eyebrow {
  margin-bottom: 15px;
}

.mobilise-page .ml-services h2 {
  max-width: 730px;
  margin: 0 auto;
}

.mobilise-page .ml-services__left > p:not(.ml-eyebrow) {
  max-width: 700px;
  margin: 17px auto 0;
}

.mobilise-page .ml-services__note {
  display: inline-block;
  margin-top: 16px !important;
  padding: 8px 13px;
  border: 0;
  border-radius: 5px;
  background: #e6e5dd;
}

@media (max-width: 700px) {
  .mobilise-page .ml-services {
    padding: 64px 20px 68px;
  }

  .mobilise-page .ml-services__left {
    margin-bottom: 27px;
    text-align: left;
  }

  .mobilise-page .ml-services h2 { margin: 0; }
  .mobilise-page .ml-services__left > p:not(.ml-eyebrow) { margin: 16px 0 0; }
  .mobilise-page .ml-services__note { margin: 14px 0 0 !important; }
}