/* =========================================
   AKI FEST LOCATION
========================================= */


/* =========================
   MAP PLACEHOLDER
========================= */


.map-placeholder {


    margin:40px auto 0;


    width:300px;


    height:200px;


    background:white;


    border-radius:30px;


    display:flex;


    align-items:center;


    justify-content:center;


    box-shadow:


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


}







.map-placeholder img {


    width:70px;


    height:auto;


}







/* =========================
   LIVE MAP
========================= */


.live-map {


    width:100%;


    max-width:900px;


    height:450px;


    margin:40px auto;


    border-radius:35px;


    overflow:hidden;


    box-shadow:


    0 15px 40px rgba(255,140,183,.2);


}







.live-map iframe {


    width:100%;


    height:100%;


    border:0;


}







/* =========================
   LOCATION TEXT
========================= */


.location-info {


    max-width:700px;


    margin:30px auto;


    text-align:center;


}



.location-info h3 {


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


    color:#ff6fa9;


    font-size:30px;


}



.location-info p {


    color:#666;


    font-size:18px;


    line-height:1.7;


}







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


@media(max-width:600px){


    .live-map {


        width:100%;


        height:300px;


        border-radius:25px;


    }



    .map-placeholder {


        width:90%;


        height:180px;


    }



    .location-info h3 {


        font-size:25px;


    }



    .location-info p {


        font-size:15px;


    }


}







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


@media(max-width:400px){


    .live-map {


        height:260px;


    }



    .map-placeholder {


        height:160px;


    }


}