/* =========================================
   AKI FEST FOOTER
========================================= */


/* =========================
   FOOTER MAIN
========================= */


footer {


    padding:80px 20px;


    background:#ff8cb7;


    color:white;


    text-align:center;


    position:relative;


    overflow:hidden;


}







/* =========================
   FOOTER TEXT
========================= */


footer h2 {


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


    font-size:40px;


    margin-bottom:20px;


}



footer p {


    font-size:17px;


    line-height:1.7;


    max-width:600px;


    margin:0 auto;


}







/* =========================
   FOOTER MASCOT
========================= */


.footer-mascot {


    width:150px;


    height:auto;


    margin:0 auto;


}







/* =========================
   FOOTER RIBBON
========================= */


.footer-ribbon {


    width:120px;


    height:auto;


    margin:30px auto 0;


}







/* =========================
   FOOTER LINKS
========================= */


footer a {


    color:white;


    text-decoration:none;


    font-weight:700;


    transition:.3s ease;


}



footer a:hover {


    opacity:.8;


}







/* =========================
   FOOTER SOCIAL
========================= */


.footer-social {


    display:flex;


    justify-content:center;


    align-items:center;


    gap:20px;


    margin-top:30px;


}



.footer-social img {


    width:35px;


    height:35px;


}







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


@media(max-width:600px){


    footer {


        padding:60px 20px;


    }



    footer h2 {


        font-size:32px;


    }



    footer p {


        font-size:15px;


    }



    .footer-mascot {


        width:120px;


    }



    .footer-ribbon {


        width:90px;


    }



    .footer-social {


        gap:15px;


    }


}







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


@media(max-width:400px){


    footer h2 {


        font-size:28px;


    }



    .footer-mascot {


        width:100px;


    }


}