.galeri{
    width: 85%;
    height: auto;
    margin: 0 auto 0 auto;
    background-color: #eaeaea;
}
.galeri2{
    background-color: #eaeaea;
    width: 85%;
    height: auto;
    margin: 0 auto 0 auto;
    border-radius: 10px;
    padding: 20px 0;
    position: relative;
}

.baslik-goralsan{
    display:block;
    width:80%;
    margin:10px auto 10px auto;
    padding: 20px 0;
    text-align: center;
    background-color:rgb(25, 171, 255);
    border-radius:5px;

}

/* BUTONLAR */

.btnUlas{
    width: 20%;
    font-size:20px;
    background-color:#a095ff;
    color:black;
    border:1px solid black;
    border-radius:6px;
    padding: 14px;
    margin: 0 auto 20px auto;
    cursor: pointer;
}

.btnFull{
    width: 60%;
    font-size:20px;
    background-color:#53d34d;
    color:black;
    border:1px solid black;
    border-radius:6px;
    padding: 14px;
    margin: 0 auto 20px auto;
    cursor: pointer;
}

.btnBack{
    width: 40%;
    font-size:20px;
    background-color:#34c6ff;
    color:black;
    border:1px solid black;
    border-radius:6px;
    padding: 14px;
    margin: 0 auto 20px auto;
    cursor: pointer;
}
.hover:hover{
    transition: all .5s ease;
    background-color:#222;
    border:0.3px solid yellow;
    color:#eaeaea;

}

.images-p{
    display:block;
    float: left;
    width: 200px;
    height: 240px;
    margin: 4px;
    border: 0.5px solid black;
    border-radius: 4px;
    object-fit: cover;
    cursor:pointer;
}
.images-p:hover{
    transition: all 0.2s ease;
    opacity: 0.7;
}

.images-f{
    display: block;
    border-radius:5px;
    width:  70%;
    height: 70%;
    margin: 0 auto 25px auto;
    cursor: pointer;
    z-index: 1;
    opacity: 0.99;
}
.images-f:hover{
    transition: all 0.5s ease;
    opacity: 0.6;
}

/* Expand */
.expanda{
    position: absolute;
    display: block;
    z-index: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size:42px;
}