/* =========================
   General
========================= */

body {

    font-family: Arial, sans-serif;

    margin: 0;
    padding: 0;

    background-color: #000000;

}



/* =========================
   Image Gallery
========================= */

.image-gallery {

    width:100%;

    display:flex;

    flex-direction:column;

    align-items:center;

    padding:20px;

}



.image-container {

    width:90%;

    max-width:600px;

    margin-bottom:20px;

    overflow:hidden;

    border-radius:8px;

    box-shadow:0 4px 8px rgba(0,0,0,0.3);

}



.image-container img {

    width:100%;

    height:auto;

    display:block;

    object-fit:cover;

}



/* =========================
   Contact Button Box
========================= */

.contact-box {


    width:90%;

    max-width:600px;


    display:flex;


    align-items:center;


    gap:15px;


    flex-wrap:wrap;


    margin:20px auto;


}



/* Button */

.contact-btn {


    flex:1 1 100px;

    max-width:200px;
    margin-left: 5%;

    min-height:20px;


    display:flex;

    justify-content:center;

    align-items:center;


    gap:8px;


    padding:14px 25px;


    border-radius:50px;


    color:white;

    text-decoration:none;


    font-size:16px;

    font-weight:bold;


    transition:.3s;


    box-shadow:0 5px 15px rgba(0,0,0,.3);


}



.contact-btn:hover {


    transform:translateY(-3px);

    opacity:.85;

}



/* Phone */

.phone {

    background:#8f0000;

}



/* Facebook */

.facebook {

    background:#1877f2;

}



/* LINE */

.line {

    background:#06c755;

}



.icon {

    font-size:22px;

}




/* =========================
   Tablet
========================= */

@media(max-width:768px){


.image-container {

    width:95%;

}



.contact-box {

    width:95%;

}



.contact-btn {

    max-width:100%;

}


}




/* =========================
   Mobile
========================= */

@media(max-width:480px){


.image-gallery {

    padding:10px;

}



.image-container {

    width:100%;

    margin-bottom:15px;

}



.contact-box {

    flex-direction:column;

    width:90%;

    gap:12px;

}



.contact-btn {


    width:100%;

    max-width:100%;

    margin-left: auto;
    font-size:15px;


    padding:13px;


}



.icon {

    font-size:20px;

}


}