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

section {
	display: flex;
	flex-direction: column;
}

section h2 {
	margin: 20px auto;
	background: rgba(155,155,155,.5);
/*	border-radius: 10px;*/
	width: 95%;
	text-align: center;
}

section h3 {
/*	background: rgba(200,200,200,.5);*/
	width: 100%;
	margin: 0 auto 30px;;
/*	padding: 10px 20px;*/
/*	border-radius: 10px;*/
	text-align: center;
	border-bottom: 1px solid rgba(200,200,200,1);
	
}

/*
.graphic:nth-of-type(3) h3{
	width: 400px;
}
*/


section h2:nth-of-type(2) {
	margin-top: 100px;
}

.flex__container {
	margin: 100px auto 0;
	width: 90%;
}

.flex__inner {
	display: flex;
/*	justify-content: space-between;*/
	justify-content: flex-start;
	flex-flow: wrap;
	margin:0 0 10px 0;
	
/*	background: aquamarine;*/
}

.graphic__content,.website__content {
	width: 50%;
	margin: 0 0 100px;;
	padding: 20px;

}

/*
.graphic__content__inner {
	width: 100%;
	aspect-ratio: 10/7;
}

.graphic__content__inner img {
	object-fit: cover;
}
*/


.website__content__inner {
	width: 100%;
	height: 60%;
	overflow: hidden;
}


.graphic__content p, .website__content p {
	padding-top: 50px;
	
	text-align: justify;
	text-justify: inter-ideograph;
	text-indent: 0.75rem;
	line-height: 24pt;

}


.flex__inner img {
	width: 100%;
}

@media(max-width:900px) {
	.graphic__content,.website__content {
		width: 60%;
		margin: 0 auto;
		padding: 0;
	}
	
	.graphic__content p, .website__content p {
		margin-bottom: 50px;
		
		text-align: justify;
		text-justify: inter-ideograph;
		text-indent: 0.75rem;

	}

}


/*
@media(max-width:500px) {
	.flex__inner div {
		width: 200px;
		margin: 20px 15px;
	}
}
*/

@media(max-width:460px) {
	.flex__inner {
/*		justify-content: space-between;*/
		flex-direction: column;
	}
	
	.graphic__content,.website__content {
/*		width: 200px;*/
		width: 80%;
		margin: 0 auto;
	}
}

@media(max-width:400px) {
		.graphic:nth-of-type(3) h3{
		width: 300px;
		font-size: 16px;
	}
}