.aboutContainer {
	width: 100%;
	background-image: linear-gradient(white, darkgray);	
}
#main #about {
	width: 100%;
	padding: 100px 20px 50px 20px;	
}
#main #about .aboutBox {
	width: calc(100%);
}
#main #about .aboutBox .aboutEachBox {
	width: calc(100%);
}
#main #about .aboutBox .aboutEachBox .aboutEachBoxInner {
	width: 100%;
}
#main #about .aboutBox .aboutEachBox .aboutEachBoxInner .aboutContentsBox {
	width: calc(100%);
}
#main #about .aboutBox .aboutEachBox .aboutEachBoxInner .aboutContentsBox .imgBox {
	width: calc(100%);
	height: 300px;
}
#main #about .aboutBox .aboutEachBox .aboutEachBoxInner .aboutContentsBox .imgBox img {
	width: calc(100%);
	height: calc(100%);
	object-fit: contain;
}
#main #about .aboutBox .aboutEachBox .aboutEachBoxInner .aboutContentsBox .aboutContentsInner {
	width: calc(100%);
	padding-top: 20px;
}
#main #about .aboutBox .aboutEachBox .aboutEachBoxInner .aboutContentsBox .aboutContentsInner .aboutTitle {
	font-size: 1em;
}
#main #about .aboutBox .aboutEachBox .aboutEachBoxInner .aboutContentsBox .aboutContentsInner .aboutIntroduction {
	padding-top: 10px;
	font-size: 0.8em;
}
#main #about .aboutBox .aboutEachBox .aboutEachBoxInner .aboutContentsBox .aboutContentsInner .aboutDesigning {
	font-size: 1em;
}
#main #about .aboutBox .aboutEachBox .aboutEachBoxInner .aboutContentsBox .aboutContentsInner .aboutDesigningStatement {
	padding-top: 10px;
	font-size: 0.8em;
}
#main #about .aboutBox .aboutEachBox .aboutEachBoxInner .aboutContentsBox .aboutContentsInner .aboutBinding {
	font-size: 1em;
}
#main #about .aboutBox .aboutEachBox .aboutEachBoxInner .aboutContentsBox .aboutContentsInner .aboutBindingStatement {
	padding-top: 10px;
	font-size: 0.8em;
}
#main #about .aboutBox .aboutEachBox .aboutEachBoxInner .aboutContentsBox .aboutContentsInner .aboutFraming {
	font-size: 1em;
}
#main #about .aboutBox .aboutEachBox .aboutEachBoxInner .aboutContentsBox .aboutContentsInner .aboutFramingStatement {
	padding-top: 10px;
	font-size: 0.8em;
}
#main #about .aboutBox .aboutEachBox .aboutEachBoxInner .aboutContentsBox .aboutContentsInner .contact {
	font-size: 1em;
}
#main #about .aboutBox .aboutEachBox .aboutEachBoxInner .aboutContentsBox .aboutContentsInner .contactStatement {
	padding-top: 10px;
	font-size: 0.8em;
}
#main #about .aboutBox .aboutEachBox .aboutEachBoxInner .aboutContentsBox .aboutContentsInner .email {
	padding-top: 10px;
	font-size: 0.8em;
}
#main #about .aboutBox .aboutEachBox .aboutEachBoxInner .aboutContentsBox .aboutContentsInner .photographs {
	font-size: 1em;
}
#main #about .aboutBox .aboutEachBox .aboutEachBoxInner .aboutContentsBox .aboutContentsInner .photographsStatement {
	padding-top: 10px;
	font-size: 0.8em;
}

@media all and (min-width: 480px) {

	#main #about {
		width: 100%;
		padding: 50px 0px 50px 0px;	
	}
	#main #about .aboutBox {
		width: calc(100% - 300px);
		margin-left: 300px;
	}
	
	#main #about .aboutBox .aboutEachBox .aboutEachBoxInner .aboutContentsBox .imgBox {
		height: 500px;
	}

}