/* grid v1.0 */
#wrapper{
    width: 80%;
    margin: 0 auto;
    box-shadow: 0 0 10px rgba(12, 3, 25, 0.8);
    background-color: white;
}
/* #opacity:hover{
    opacity: .9 !important;
    background-color: black !important;
} */
#wrapper2{
    width:90%;
    margin: 0 auto;
}
#wrapper3{
    width: 50%;
    margin: 0 auto;
}
.mygallery{
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    /* grid-template-columns: 2fr 1fr 1fr; */
    grid-auto-rows: 400px;
    grid-auto-flow: dense;
    width: 80%;
    margin: 0 auto;
}
.item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wide{
    grid-column: auto / span 2;
}
.item:hover{
    opacity: .9 !important;
    background-color: black !important;
    text-decoration: none;
}
.mygallery:before{
    display: none;
}