/* Styling for INDIVIDUAL pages, currently set to style the landing/index page */
/* - Save this as index_style.css, and make other thispage_style.css files to -*/
/* -- add and/or remove specific styling elements for specific 'other' pages --*/
/* IF you use the same element style more often, move it to the default style -*/

/* !NOTE! once you save this file under another name change the link in html !!*/

section.jumbotron{
	background-color: #ffffcc;
	width: 100%;
	text-align: center;
	padding: 6rem;
	}

article{
	width: 100%;
	}
	
section.cards_section{
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	padding: 5px; 
	}

article.card{
	width: 30%;
	min-width: 200px;
	max-width: 350px;
	display: inline-block;
	flex-grow: 1;
	text-align: center;
	padding: 1rem;
	border: 1px solid #CCCCCC;
	margin: 3rem 0.5rem;
	}

img.article_img{
	width: 100%;
	margin: 0.5rem 0;
	}	

section.img_grid{
	display: grid;
	grid-template-columns: 33% 33% 33%;
	grid-gap: 0px;
	justify-content: center;
	padding: 3rem 0;
	}

picture.frame{
	min-width: 156px;
	display: block;
	}

img.gallery_img{
	width: 100%;
	height: 100%;
	}