.well {
  min-height: auto;
  color: var(--base-black);
}

.well-lg {
  background: var(--base-color-90);
  padding: 10px 25px;
}

.disabled-link {
  pointer-events: none;
}

#page_Wrapper {
  display: grid;
  grid-template-columns: repeat(12, [col] 1fr);
  grid-column-gap: 1rem;
  grid-row-gap: 0;
  padding: 0;
  margin: 0;
  grid-template-areas: "well-basic" "well-site" "well-reports" "well-utilities" "well-cron";
}

#well_Basic {
  grid-area: well-basic;
  grid-column: col 4/span 3;
  grid-row: 1;
  height: -moz-fit-content;
  height: fit-content;
}

#well_Site {
  grid-area: well-site;
  grid-column: col 7/span 3;
  grid-row: 1;
  height: -moz-fit-content;
  height: fit-content;
}

#well_Utilities {
  grid-area: well-utilities;
  grid-column: col 3/span 2;
  grid-row: 2;
  height: -moz-fit-content;
  height: fit-content;
}

#well_Cron {
  grid-area: well-cron;
  grid-column: col 5/span 4;
  grid-row: 2;
  height: -moz-fit-content;
  height: fit-content;
}

#well_Reports {
  grid-area: well-reports;
  grid-column: col 9/span 2;
  grid-row: 2;
  height: -moz-fit-content;
  height: fit-content;
}

@media (1200px <= width <= ) {
  #well_Basic {
    grid-column: col 4/span 3;
  }
  #well_Site {
    grid-column: col 7/span 3;
  }
  #well_Utilities {
    grid-column: col 2/span 3;
  }
  #well_Cron {
    grid-column: col 5/span 4;
  }
  #well_Reports {
    grid-column: col 9/span 3;
  }
}
/*
    @if $lowerBp == 0 {
        @media screen and (max-width: calc($upperBp - 0.02px)) {
            @content;
        }
    } @else if $upperBp == '' {
        @media screen and (min-width: $lowerBp) {
            @content;
        }
    } @else {
        @media screen and (min-width: $lowerBp) and (max-width: calc($upperBp - 0.02px)) {
            @content;
        }
    }

    */
@media (768px <= width <= 1200px) {
  #well_Basic {
    grid-column: col 3/span 4;
  }
  #well_Site {
    grid-column: col 7/span 4;
  }
  #well_Utilities {
    grid-column: col 3/span 4;
  }
  #well_Reports {
    grid-column: col 7/span 4;
  }
  #well_Cron {
    grid-column: col 4/span 6;
    grid-row: 3;
  }
}
/*
    @if $lowerBp == 0 {
        @media screen and (max-width: calc($upperBp - 0.02px)) {
            @content;
        }
    } @else if $upperBp == '' {
        @media screen and (min-width: $lowerBp) {
            @content;
        }
    } @else {
        @media screen and (min-width: $lowerBp) and (max-width: calc($upperBp - 0.02px)) {
            @content;
        }
    }

    */
@media (0 <= width <= 768px) {
  nav,
  #main_Wrapper {
    display: none;
  }
  #small_Message {
    display: block;
    margin-top: 2em;
  }
}
/*
    @if $lowerBp == 0 {
        @media screen and (max-width: calc($upperBp - 0.02px)) {
            @content;
        }
    } @else if $upperBp == '' {
        @media screen and (min-width: $lowerBp) {
            @content;
        }
    } @else {
        @media screen and (min-width: $lowerBp) and (max-width: calc($upperBp - 0.02px)) {
            @content;
        }
    }

    */