:root {
  --primary-color:  #2073e6;
  --gray: rgb(123, 120, 120);
  --light-gray: #f5f5f5;
}

.prefs-run {
  font-family: arial, sans-serif;
}

.prefs-run.total-subscribers {
  color: #fff;
  text-transform: uppercase;
  font-size: .8rem;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

#base-view-modal .modal-content {
  width: 50% !important;
}

/*
Celulares	        320px – 480px           @media (max-width: 480px)
Celulares grandes	481px – 767px	          @media (min-width: 481px) and (max-width: 767px)
Tablets	          768px – 1024px	        @media (min-width: 768px) and (max-width: 1024px)
Laptops	          1025px – 1280px	        @media (min-width: 1025px) and (max-width: 1280px)
Desktops	        1281px  	              + @media (min-width: 1281px)
*/

/* Tablets e maiores */
@media (min-width: 768px) {
  .grid-row-3cols {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(1, 1fr);
    gap: 20px;
  }
  .grid-row-2cols {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(1, 1fr);
    gap: 20px;
  }
}

/* Laptops e maiores */
@media (min-width: 1024px) {}

/* Desktops e maiores */
@media (min-width: 1280px) {}