.contact{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
      gap:1rem;
}
.contact__title{
      font-size:var(--size-2xl);
      color: var(--clr-light);
}

.contact__description{
      font-size: var(--size-sm);
      color: var(--clr-slate600);
      max-width: 75ch;
}
.contact__button{
      font-size: var(--size-sm);
}

/* xs */
@media (min-width:475px) {
      .contact{
            gap: 1.5rem;
      }
      .contact__title{
            font-size:var(--size-3xl);
      }
      
      .contact__description{
            font-size: var(--size-base);
      }
      .contact__button{
            font-size: var(--size-base);
      }
}

/* sm */
@media (min-width:640px) {      
}

/* me */
@media (min-width:768px) {      
}

/* lg */
@media (min-width:1024px) {
      .contact__title{
            font-size:var(--size-4xl);
      }
      .contact__description{
            font-size: var(--size-lg);
      }
      .contact__button{
            font-size: var(--size-lg);
      }
}

/* xL */
@media (min-width:1280px) {
      .contact{
            gap: 2rem;
      }
      .contact__title{
            font-size:var(--size-4xl);
      }
      
      .contact__description{
            font-size: var(--size-xl);
      }
      .contact__button{
            font-size: var(--size-xl);
      }
}

/* 2xL */
@media (min-width:1536px) {
}