.feature-item {
    transition: transform .18s ease, background-color .18s ease;
    border-radius: .75rem;
    padding: 1rem;  
    cursor:pointer;
    margin:20px;
  }
  .feature-item:hover {
    transform: scale(1.03);
    background-color: rgba(13,110,253,0.06);
  }
  .feature-icon {
    width:64px;
    height:64px;
    border-radius:50%;
    object-fit:cover;
    flex-shrink:0;
  }
  /* ewentualnie ograniczamy całość do max 1200px */
  .features-wrapper {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
  
.tabcap {
  font-size: 2.5rem;
  background:#DDD !important;
  font-weight:bold;
  color:white;
  margin-right:5px;
}

.tabcap.active {
  background:#FFF !important;
}

.footers {
  font-size: 2rem;
}

  
h1 {
  font-size: 2.8rem; /* telefony */
}

h5 {
  font-size: 3rem; /* telefony */
}
  .productDesc {
    font-size: 2rem;
  }
  .btns_ { 
    font-size: 1rem;
  }
  .feature-icon {
    width:10rem;
    height:10rem;  
  }

@media (min-width: 768px) { /* tablety i wyżej */
  h1 {
    font-size: 3.5rem;
  }
  h5 {
    font-size: 3.5rem;
    font-weight:bold;
  }
  .feature-icon {
    width:10rem;
    height:10rem;  
  }
  .productDesc {
    font-size: 2.5rem;
  }
  .btns_ { 
    font-size: 3.5rem;
  }
}

@media (min-width: 1200px) { /* duże ekrany */
  h1 {
    font-size: 2.5rem;
  }
  h5 {
    font-size: 2rem;
  }
  .productDesc  {
    font-size: 1.2rem;
  }
  .btns_ { 
    font-size: 1.5rem;
  }
  .feature-icon {
    width:5rem;
    height:5rem;  
  }
.tabcap {
  font-size: 1.2rem;
}
.footers {
  font-size: 1.2rem;
}
}