.galery-archive {
margin: 0 auto;
width: 80%;
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 15px;
max-width: 1500px;
}
#Galerie {
margin-bottom: 35px;
font-size: 50px;
}
.galery-article {
display: grid;
grid-auto-flow: column;
min-height: 250px;
background-color: #fff;
margin-bottom: 20px;
border-radius: 8px;
box-shadow: 3px 3px 5px silver;
transition: .2s;
cursor: pointer;
height: 500px;
background-position: center;
}
.galery-article:hover {
box-shadow: 10px 10px 10px silver;
}
.galery-article:first-child {
max-width: 1500px;
width: 100%;
min-height: 770px;
padding: 0;
grid-column: 1/3
}
.galery-article .overlay {
z-index: 998;
background: rgba(255, 255, 255, .7);
position: relative;
top: 25%;
min-width: 200px;
max-width: 400px;
min-height: 100px;
padding: 18px;
color: black;
}
.galery-article:first-child .overlay {
min-width: 300px;
max-width: 1000px;
margin-right: 100px;
}
.galery-article:first-child p {
display: none;
}
.galery-article:first-child .author {
display: block;
margin-bottom: 0;
}
.galery-article:first-child h3 {
font-weight: bold;
margin-bottom: 0;
font-size: 40px;
}
.galery-article:first-child .button-more {
display: none;
}
.ngg-galleryoverview.default-view .ngg-gallery-thumbnail a {
margin-bottom: 30px;
}
@media only screen and (max-device-width: 700px) {
.galery-archive {
width: 95%;
display: block;
}
.galery-article .overlay {
width: 80%;
font-size: 60px;
max-width: 100%;
}
.galery-article .overlay h3 {
font-size: 70px;
font-weight: bold;
}
#Galerie {
font-size: 70px;
}
}