@charset "utf-8";

.flexbox{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	/*align-items: flex-start;	*/
}	
	.flex-row{
		flex-direction: row;	
	}
	.flex-column{
		flex-direction: column;
	}

.pic-grid{	
	font-size: 5em;
	width: 100%;
	height: auto;
	margin-bottom: 20px;
	/*overflow-wrap: break-word;*/
}	
	.pic-grid .item-half{
		width: 50%;		
		font-size: 0.5em;		
	}		
	.pic-grid .zoom {
		position: relative;
		margin: auto;
		overflow: hidden; 	
	}
	.pic-grid .zoom img {	
		transition: all 0.3s;
		display: block;
  		overflow: hidden;  		
		transform: scale(1);		
	}
	.pic-grid .zoom img:hover {
		transform: scale(1.2); 
	}

	/* Bottom left text */
	.pic-grid .text{
		position: absolute;
		bottom: 12px;
		left: 16px;
		color: white;
	}
	.pic-grid .big{
		/*min-width: 350px;*/
	}
	.pic-grid .big img{		
		width: 100%;
		height: 360px;
		object-fit: cover;	
		padding: 5px;	
	}
	.pic-grid .small img{
		width: 100%;
		height: 180px;
		object-fit: cover;
		padding: 5px;
	}	

@media screen and (max-width: 600px) {
	.pic-grid .item-half{
		width: 100%;
		font-size: 0.5em;		
	}
	.pic-grid .small{
		width: 50%;
	}
}