@charset "UTF-8";

/* CSS Document */

*{
	padding:0;
	margin:0;
}


.logo-desktop{
	margin-left:7rem;
	margin-top: 5rem;
	margin-bottom: 5rem;
}

.photo-gallery{
	display:flex;
	gap:2rem;
	flex:1;
	padding-left: 7rem;
	padding-right: 7rem;
	padding-bottom: 4rem;
}

.column{
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	flex:1;
	gap:2rem;
}

.photo img{
	border-radius:1rem;
	overflow: hidden;
	width: 100%;
}

@media(min-width:768px){
	.logo-mobile{
	display: none
	}	
}

@media(max-width:768px){
	.photo-gallery{
		flex-direction:column;
		display:flex;
		gap:2rem;
		flex:1;
		padding-left: 1rem;
		padding-right: 1rem;
		padding-bottom: 1rem;
	}
	
	.logo-desktop{
	display: none
	}
	
	.logo-mobile{
		padding-left: 1rem;
		padding-top: 1rem;
	}

}