/* =========================================
   AKI FEST COMMON SECTIONS
========================================= */


/* =========================
   SECTION BASE
========================= */


.section {


    padding:100px 8%;


    text-align:center;


    position:relative;


}







.section.pink {


    background:#ffd6e7;


}







/* =========================
   SECTION ICON
========================= */


.section-icon {


    width:70px;


    margin:0 auto 20px;


}







/* =========================
   SECTION TITLES
========================= */


.section h2 {


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


    font-size:55px;


    color:#ff75a8;


    margin-bottom:30px;


}







.section-text {


    max-width:800px;


    margin:auto;


    font-size:20px;


    line-height:1.7;


    color:#5b3b4a;


}







/* =========================
   SECTION TITLE COMPONENT
========================= */


.section-title {


    text-align:center;


    margin-bottom:60px;


}







.section-title span {


    font-size:2rem;


}







.section-title h2 {


    margin:15px 0;


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


    font-size:3rem;


    color:#ff5fba;


}







.section-title p {


    color:#777;


    max-width:650px;


    margin:auto;


    font-size:1.05rem;


    line-height:1.6;


}







/* =========================
   WHITE SECTION
========================= */


.section.white {


    background:white;


}







/* =========================
   PINK SECTION
========================= */


.section.pink {


    background:#ffd6e7;


}







/* =========================
   CONTENT WIDTH
========================= */


.section-content {


    max-width:1200px;


    margin:auto;


}







/* =========================
   REVEAL ELEMENT
========================= */


.reveal {


    opacity:0;


    transform:translateY(40px);


    transition:.8s ease;


}



.reveal.visible {


    opacity:1;


    transform:translateY(0);


}







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


@media(max-width:1100px){


    .section {


        padding:90px 5%;


    }



    .section h2 {


        font-size:48px;


    }



}







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


@media(max-width:850px){


    .section {


        padding:70px 20px;


    }



    .section h2 {


        font-size:40px;


    }



    .section-title {


        margin-bottom:40px;


    }



    .section-title h2 {


        font-size:32px;


    }



    .section-title p {


        font-size:15px;


    }



    .section-text {


        font-size:17px;


        line-height:1.7;


    }


}







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


@media(max-width:400px){


    .section h2 {


        font-size:34px;


    }



    .section-text {


        font-size:16px;


    }


}