.plans{
  padding: 0 3rem;
  margin-top: var(--space-btw);
}
.plans__container{
  display: flex;
  flex-direction: row;
  gap:1rem;
}
.plans__article{
  border: 1px solid grey;
  padding: 1rem;
  width: 25%;
  border-radius: var(--borders-one);
  background: #f2f2f2;
}
.plans__article h2{
  text-align: center;
  font-family: var(--ff-title);
  font-size: var(--fs-sub-tittles);
  font-weight: bolder;
  margin-bottom: 1rem;
  background: var(--grey-two);
  color: white;
  letter-spacing: 2px;
  border-radius: var(--borders-one);
  padding: 0.5rem;
}
.plans__article img{
  width: 100%;
  height: 200px;
  display: block;
  object-fit: cover;
  border-radius: var(--borders-one);
  margin: 1rem 0 ;
}
.paragraph p{
  text-align: justify;
  display: inline;
  margin: 0 auto;
}
.plans__list{
  margin-top: 1rem; 
}
.plans__list li{
  list-style-type: square;
  list-style-position: inside;
  font-weight: bold;
}
.more {
  display: none;
}
.myBtn{
  display: inline;
  background: none;
  border:none;
  background: var( --blue-one);
  color: var(--grey-two);
  padding: 0.2rem 0.8rem;
  border-radius: var(--borders-one);
  cursor: pointer;
  font-weight: bolder;
}
.myBtn:hover{
  background: var(--grey-two);
  color: var(--white-one);

}
.age{
  text-align: center;
  margin-top: 1rem;
  font-size: 0.8rem;
}



/***************KEYFRAMES****************/
@keyframes bounce {
  70% { transform:translateY(0%); }
  80% { transform:translateY(-15%); }
  90% { transform:translateY(0%); }
  95% { transform:translateY(-7%); }
  97% { transform:translateY(0%); }
  99% { transform:translateY(-3%); }
  100% { transform:translateY(0); }
}

/***************************************/



/*************MEDIAQUERIES**************/

@media (max-width: 1483px) {

}

@media (max-width: 1280px) {

}

@media (max-width: 1150px) {
  .plans__container{
    
    flex-wrap: wrap;
  }
  .plans__article{
    width: calc(50% - 0.5rem);
   
  }
}

@media (max-width: 950px) {/*2 REM padding*/
  .plans{
    padding: 0 2rem;
  }
}

@media (max-width: 768px) {

}

@media (max-width: 576px) { /*1 REM padding*/
  .plans{
    padding: 0 1rem;
  }
  
  .plans__article{
    width: 100%;
   
  }

}

@media (max-width: 480px) {

}

@media (max-width: 455px) {

}

@media (max-width: 350px) {

  
}

/**************************************/