@media screen and (min-width: 0px) {
  .values_container {
    text-align: center;
    max-width: 700px;
    margin: auto;
    position: relative;
    /* background-color: red; */
  }
  .values_container p {
    color: var(--text-gray);
    font-size: 1.75rem;
    padding-bottom: 10px;
    /* text-transform: uppercase; */
    position: relative;
  }

  .bullet-point {
    display: none;
    position: relative;
    padding-bottom: 10px;
  }
  .bullet-point::before {
    content: '';
    position: absolute;
    top: calc(50% - 5px);
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    border-style: solid;
    border-width: 0 5px 15px 0;
    border-radius: 50%;
    border-color: var(--green);
    display: none;
  }
}

/* Ipad Pro */
@media screen and (min-width: 450px) {
  .values_container-values {
    display: grid;
    grid-template-columns: 1fr 1fr;
    /* background-color: red; */
    justify-content: center;
    align-content: center;
  }
}

/* Tablets */
@media screen and (min-width: 750px) and (max-width: 1023px) {
}
@media only screen and (min-width: 600px) and (max-width: 790px) {
}

@media only screen and (min-width: 791px) {
}
/* Small Desktop */
@media screen and (min-width: 1024px) {
}

/* Regular Desktop */
@media screen and (min-width: 1300px) {
}

/* Landscape */
@media screen and (min-width: 540px) and (max-width: 767px) {
}

/* Tablet */
@media only screen and (min-width: 768px) {
  .bullet-point {
    display: block;
  }
  .bullet-point::before {
    display: block;
  }
  .values_container h2 {
    font-size: 2rem;
    margin-bottom: 30px;
  }
  .values_container-values {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
  }
}

/* Small Desktop */
@media only screen and (min-width: 1024px) {
}

/* Regular Desktop */
@media only screen and (min-width: 1300px) {
}