/*--------------------------------------------------------------
!!!!! IMPORTANT NOTES !!!!!!!!!!

Breakpoints 

phones: max-width: 599px
lg phones and small tablets: max-width: 767px
tablets: max-width: 992px
laptops & desktops: min-width: 993px;

#e40707 = link colours
#cd1d1d = button background
#fa7c7c = button border
#622 = button border

*/

#exhibition-menu-area {display:flex; flex-wrap: nowrap;	
		padding: 1em 1em;;
		justify-content: space-between;
		background-color: #f5f5f5;
		border-top: solid 10px #f5f5f5;
		margin-top: 3px;
		box-shadow: 3px 3px 3px #cfcfcf;
	}
	.exhibition1, .exhibition2, .exhibition3, .exhibition4 {
		display:flex; 
		flex-wrap: wrap; 
		padding: 0; 
		margin: 1em 0;
		width: 23%;
		justify-content: space-around;
		align-content: top;
	}
	.exhibition-image  {
		width: 50%;
		aspect-ratio: 1 / 1;
		margin: 0; 
	}
	
		.exhibition-image img {aspect-ratio : 1 / 1;
			margin: 0; width: 100%; object-fit: cover;}

	.exhibition-text  { height: 50%; width: 100%; padding: .5em 0; align-items: flex-start;  }
	.exhibition-text a {text-decoration: none; font-weight: bold;}
	
	
	
	@media only screen and (max-width: 768px) {
		.exhibition-text {font-size: 1rem}

#exhibition-menu-area {flex-wrap: wrap;	}

.exhibition1, .exhibition2, .exhibition3, .exhibition4 {
width: 48%;
margin: 1%; }

	}

		
	@media only screen and (max-width: 428px) {
		.exhibition-text {font-size: .9rem}

#exhibition-menu-area {flex-wrap: wrap;	}

.exhibition1, .exhibition2, .exhibition3, .exhibition4 {
width: 98%;
margin: 0%;
padding: 1% }

	}