.vb {
  display: flex;
  justify-content: center;
}

/* margin-top */
.w-mt-0 {
  margin-top: 0 !important;
}
.w-mt-025 {
  margin-top: 0.25rem !important;
}
.w-mt-050 {
  margin-top: 0.5rem !important;
}
.w-mt-075 {
  margin-top: 0.75rem !important;
}
.w-mt-100 {
  margin-top: 1rem !important;
}
.w-mt-125 {
  margin-top: 1.25rem !important;
}
.w-mt-150 {
  margin-top: 1.5rem !important;
}
.w-mt-175 {
  margin-top: 1.75rem !important;
}

/* margin-bottom */
.w-mb-0 {
  margin-bottom: 0 !important;
}
.w-mb-025 {
  margin-bottom: 0.25rem !important;
}
.w-mb-050 {
  margin-bottom: 0.5rem !important;
}
.w-mb-075 {
  margin-bottom: 0.75rem !important;
}
.w-mb-100 {
  margin-bottom: 1rem !important;
}
.w-mb-125 {
  margin-bottom: 1.25rem !important;
}
.w-mb-150 {
  margin-bottom: 1.5rem !important;
}
.w-mb-175 {
  margin-bottom: 1.75rem !important;
}

/* margin-y */
.w-my-025 {
  margin: 0.25rem auto !important;
}
.w-my-050 {
  margin: 0.5rem auto !important;
}
.w-my-075 {
  margin: 0.75rem auto !important;
}
.w-my-100 {
  margin: 1rem auto !important;
}
.w-my-125 {
  margin: 1.25rem auto !important;
}
.w-my-150 {
  margin: 1.25rem auto !important;
}
.w-my-175 {
  margin: 1.75rem auto !important;
}

/* optionals */
#block-bq {
    font-size: 0.9rem;
    background: none;
    border-left: solid 5px #888888;
    padding: 0.1rem 0.5rem;
    /* margin: 0.75rem 0.5rem; */
}

/* PC */
@media screen and (min-width: 800px) {

  #block-description {
    margin-bottom: .75rem;
  }

  #block-description h1 {
    padding: .5rem;
  }

  #promo-banner {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  #block-gallery {
    margin-bottom: 1.5rem;
  }

  #block-gallery-examples {
    margin-top: .75rem;
  }

  #block-material-and-limits {
    margin-bottom: .75rem;
  }

  #block-materials {
    margin-top: .25rem;
    margin-bottom: .25rem;
  }

  #block-limits {
    margin-top: .75rem;
    margin-bottom: .75rem;
  }

  #block-optional-service, #OptionalServiceUniversal {
    margin-top: .75rem;
    margin-bottom: 1.5rem;
  }

  #block-calculate-job {
    margin-bottom: .25rem;
  }

  #block-colors, #block-colors-secondary {
    margin-top: .75rem;
    margin-bottom: .75rem;
  }

  #block-warranty {
    margin-top: .75rem;
    margin-bottom: 1.5rem;
  }

  #block-popular-works {
    margin-top: .25rem;
    margin-bottom: .25rem;
  }

  #block-portfolio-video {
    margin-top: .25rem;
    margin-bottom: .75rem;
    text-align: center;
  }

  #block-price {
    margin-top: .75rem;
    margin-bottom: .75rem;
  }

  #block-why-cmtg, #WhyCMTG {
    margin-top: .75rem;
    margin-bottom: 1.5rem;
  }

    #block-experience, #experience {
    margin-top: 2.25rem;
    margin-bottom: 2.25rem;
  }

  #experience-module {
    margin: 1.25rem auto;
  }

  .experience-colors {
    color: var(--bs-gray-700);
    background: rgba(0, 0, 0, 0.05);
  }

  #block-advantage {
    margin-top: 1.5rem;
  }

  #block-advantage-hr, #block-why-hr {
    margin-top: .5rem;
  }

  #block-links {
    margin-top: .75rem;
    margin-bottom: 1.5rem;
  }

  #TheCloudLinks {
    margin: .75rem auto;
  }

  #Buttons {
    margin-top: .75rem;
    margin-bottom: .75rem;
  }
}


/* Tablet */
@media screen and (min-width: 451px) and (max-width: 799px) {
  #block-description h1 {
    padding: 0.25rem;
  }
}


/* Mobile */
@media screen and (max-width: 450px) {
  #block-material-and-limits {
    margin-top: 2%;
  }

  #block-material {
    margin-top: 2%;
  }

  #block-limits {
    margin-top: 2%;
  }

  #block-optional-service, #OptionalServiceUniversal {
    margin-bottom: 3%;
  }

  #block-price {
    margin-bottom: 2%;
  }

  #block-why-cmtg, #WhyCMTG {
    margin-bottom: 3%;
  }

  #block-experience, #experience {
    margin: 2% 0;
    font-size: 90%;
  }

  #block-advantage {
    margin-top: 2%;
  }

  #block-advantage-hr, #block-why-hr {
    margin-top: 1%;
  }

  #block-links {
    margin-bottom: 3%;
    font-size: 90%;
  }
}