.border-it { border: 3px solid red; }


/* BG COLORS */
.peach { background-color: rgba(244, 224, 225, 1); }
.pink { background-color: rgba(246, 169, 189, 1); }
.yellow { background-color: rgba(254, 228, 167, 1); }
.blue { background-color: rgba(149, 201, 225, 1); }
.teal { background-color: rgba(134, 219, 212, 1); }
.green { background-color: #D6EFA7; }
.dark-green { background-color: #1A7D34; }


/*  HEADER */
.site-header {
  background-color: rgba(254, 228, 167, 0.5);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px); }


/* BUTTONS */
.btn { border-radius: 5px; }

.btn-teal {
    color: black;
    background-color: rgba(134, 219, 212, 1);
    border-color: rgba(134, 219, 212, 1); }


/* HERO */
.hero-bg {
  background: url('../img/bootstrap-img.jpg') center center no-repeat;
  background-size: cover;
  padding: 5rem 0; }

  @media (min-width: 1140px) {
    .hero-bg {
      background: url('../img/bootstrap-img.jpg') left top no-repeat;
      background-size: cover;
      padding: 10rem 0; }
  }

  @media (min-width: 1920px) {
    .hero-bg {
      background: url('../img/bootstrap-img.jpg') left top no-repeat;
      background-size: cover;
      padding: 19rem 0; }
  }

.hero-text {
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 5px;
  color: rgb(0,0,0);
  padding: 1rem;
  margin: 0 auto; }

/* FOOTER */
footer { color: black; }