@media only screen and (max-width: 500px) {
  .top-layout {
    margin-top: 80px;
    grid-template-columns: 100%;
    grid-gap: 30px; }
    .top-layout .v-margin-b-xl {
      margin-bottom: 30px; }
  .v-layout-1-2 {
    grid-template-columns: 100%; }
  .clip-navigation.v-layout-1-2 {
    grid-template-columns: repeat(2, 1fr); }
  .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; } }