@charset "utf-8";
/* CSS Document */

.gallerywrapper {
    padding: 10vh 0;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2vw; 
}

.gallerywrapper img {
    width: 35%;
    transition: transform 0.3s ease, border 0.3s ease;
    box-sizing: border-box;
}

.gallerywrapper img.fullwidth {
    width: 80%;
    transition: transform 0.3s ease, border 0.3s ease;
    box-sizing: border-box;
}

.gallerywrapper img:hover,
.gallerywrapper img.fullwidth:hover {
    transform: scale(1.05);
    border: 0.5vh solid #DA168B;
}

@media (max-width: 768px) {
	h1 {
		color: white;
		font-size: 3em;
		font-family: 'Montserrat', sans-serif;
	}
    .gallerywrapper {
        gap: 4vw;
        padding: 5vh;
        justify-content: center;
    }

    .gallerywrapper img {
        width: 45%;
    }

    .gallerywrapper img.fullwidth {
        width: 90%;
        flex-basis: 100%;
        margin: 0 auto;
    }
}
@media (max-width: 430px){
	h1 {
		color: white;
		font-size: 3em;
		font-family: 'Montserrat', sans-serif;
	}
    .gallerywrapper {
        gap: 4vw;
        padding: 5vh;
        justify-content: center;
    }

    .gallerywrapper img {
        width: 80%;
    }

    .gallerywrapper img.fullwidth {
        width: 97%;
        flex-basis: 100%;
        margin: 0 auto;
    }
}