@media only screen and (max-width: 500px) {
  /* For mobile phones: */
  .v-layout-1-2 {
    display: block; }
    .v-layout-1-2 h1 {
      margin-bottom: 30px;
      margin-top: 100px; }
    .v-layout-1-2 h1,
    .v-layout-1-2 .main-description {
      margin-left: 15px;
      margin-right: 15px; }
    .v-layout-1-2 .main-description {
      margin-bottom: 50px; }
    .v-layout-1-2 .service-card:not(:first-child) {
      margin-top: 20px; }
    .v-layout-1-2 .service-card {
      padding: 140px 20px 70px 20px; }
      .v-layout-1-2 .service-card p {
        max-width: 100%; }
  .middle-layout {
    display: block;
    width: auto;
    margin: 0 30px 80px 30px; }
    .middle-layout p {
      margin-top: 30px; }
  .bottom-layout {
    display: grid;
    grid-template: 2fr 1fr / 1fr;
    grid-gap: 50px;
    width: 100%;
    border-radius: 0;
    padding-left: 30px;
    padding-bottom: 30px; }
    .bottom-layout:after {
      content: "";
      bottom: 200px;
      right: 0;
      background: rgba(53, 215, 176, 0.5);
      box-shadow: 0 0 0 50px rgba(53, 215, 176, 0.25), 0 0 0 100px rgba(53, 215, 176, 0.1), 0 -300px 0 195px rgba(53, 215, 176, 0.25); }
    .bottom-layout img {
      grid-row: 1/2;
      margin-left: 50px; }
    .bottom-layout .bottom-description {
      max-width: 230px; }
      .bottom-layout .bottom-description a {
        font-size: 15px;
        line-height: 18px;
        font-weight: bold; } }