/* ===========================
   PHOTO GALLERY PAGE
=========================== */

body{
    margin:0;
    background:#f8f7f3;
    font-family:Arial, Helvetica, sans-serif;
}

/* Header */

.gallery-header{

    display:flex;
    justify-content:space-between;
    align-items:center;

    padding:35px 8%;

    border-bottom:1px solid #ddd;

    background:white;

}

.back-btn{

    text-decoration:none;
    color:#222;

    font-weight:600;

}

.gallery-header h1{

    margin:0;
    font-size:32px;

}

.gallery-header p{

    margin-top:6px;
    color:#777;

}


/* Gallery */

.gallery-container{

    width:90%;
    max-width:1400px;

    margin:50px auto;

    display:grid;

    grid-template-columns:
        repeat(auto-fit,minmax(320px,1fr));

    gap:22px;

}

.gallery-image{
    width:100%;
    height:300px;

    object-fit:cover;

    border-radius:12px;

    cursor:pointer;

    transition:.35s;

    box-shadow:0}