/* =========================================
   AKI FEST COUNTDOWN
========================================= */


/* =========================
   COUNTDOWN CONTAINER
========================= */


.countdown {


    display:flex;


    gap:15px;


    margin-top:50px;


    justify-content:flex-start;


}







/* =========================
   COUNTDOWN BOX
========================= */


.countdown div {


    background:white;


    padding:20px;


    border-radius:25px;


    min-width:90px;


    text-align:center;


    box-shadow:

    0 10px 30px rgba(255,140,183,.15);


}







/* =========================
   NUMBER
========================= */


.countdown span {


    display:block;


    color:#ff75a8;


    font-family:'Fredoka', sans-serif;


    font-size:40px;


    font-weight:800;


    line-height:1;


}







/* =========================
   LABEL
========================= */


.countdown small {


    display:block;


    margin-top:8px;


    color:#704b5b;


    font-size:14px;


    font-weight:700;


}







/* =========================
   TABLET
========================= */


@media(max-width:900px){


    .countdown {


        justify-content:center;


    }


}








/* =========================
   MOBILE
========================= */


@media(max-width:600px){


    .countdown {


        display:grid;


        grid-template-columns:repeat(2,1fr);


        gap:15px;


        width:100%;


        margin-top:35px;


    }



    .countdown div {


        min-width:auto;


        padding:20px 10px;


        border-radius:22px;


    }



    .countdown span {


        font-size:32px;


    }



    .countdown small {


        font-size:13px;


    }


}








/* =========================
   SMALL PHONES
========================= */


@media(max-width:400px){


    .countdown {


        gap:10px;


    }



    .countdown div {


        padding:15px 8px;


    }



    .countdown span {


        font-size:28px;


    }


}