/* Media Query: Ha a képernyő szélessége 600px vagy annál kisebb */
@media (max-width: 600px) {
    
    /* Felülírjuk az alapértelmezett .title osztály font-méretét.
       Ezzel érjük el a "h3-szerű" megjelenést. */
    .title {
        font-size: 18px; /* Ez a méret közelebb áll egy tipikus h3-hoz */
        font-weight: normal; /* Vagy állítsd be a kívánt mobil súlyt */
    }

    /* Ha csak a H1 elemre akarod ezt alkalmazni: */
    h1.title {
        font-size: 18px; 
    }
}

   &.active{
                        border: none;
                        background: #a38950;
                        color: #141414;
                        border-radius: 15px 15px 0 0;
                    }