/* Header */
div#about-container
{
	background-image: url(../img/photo/about.jpg);
	background-attachment: fixed;
}

/* Columns */
div.column-container
{
	width: 70%;
	margin: 0 auto;
	color: #455A64;
	text-align: justify;
	-webkit-text-align-last: left;
	-moz-text-align-last: left;
	text-align-last: left;
	background-color: #FAFAFA;
	padding: 5% 0 5% 0;
}

p.column-text
{
	font-size: 14pt;
	line-height: 2;
	padding: 0% 5% 0% 5%;
	margin: 0;
}

/* Sections */
div.about-section
{
	width: 100%;
}

div.section-inner
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-align: flex-start;
	-ms-flex-align: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	width: 70%;
	margin-left: 15%;
	padding: 5% 0 5% 0;
}

div.list-item
{
	width: 50%;
	padding: 0 5% 0 5%;
	-webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

div.flexBox
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	margin-bottom: 5%;
}

p.number
{
	font-size: 56pt;
	margin: 0 5% 0 0;
	color: #607D8B;
}

p.list-heading
{
	font-size: 28pt;
	margin: 0;
	padding-left: 5%;
	border-left: 1px solid #607D8B;
}

p.list-text
{
	margin: auto;
	font-size: 14pt;
	text-align: justify;
}

/* Footer */
div#about-footer
{
	background-image: url(../img/photo/about-footer.jpg);
	background-attachment: fixed;
}

div#about-footer-inner
{
	width: 35%;
	padding: 5% 0 5% 0;
	margin: auto;
	text-align: justify;
	-moz-text-align-last: center;
	text-align-last: center;
}

p#about-footer-text
{
	font-size: 14pt;
	line-height: 2;
}

/* Responsive */
@media only screen
and (max-width: 1200px)
{
	/* Columns */
	div.column-container
	{
		color: #455A64;
		text-align: justify;
		-webkit-text-align-last: center;
		-moz-text-align-last: center;
		text-align-last: center;
	}

	p.column-text
	{
		padding: 0;
	}

	/* Sections */
	div.section-inner
	{
		-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	    flex-direction: column;
		padding: 8% 0 8% 0;
	}

	div.list-item
	{
		width: 100%;
		padding: 8% 0 8% 0;
	}

	div.flexBox
	{
		display: block;
	}

	p.number
	{
		border-bottom: 1px solid #607D8B;
		padding: 0 0 5% 0;
		margin: 0 0 8% 0;
	}

	p.list-heading
	{
		border-left: none;
		padding: 0;
	}

	div#about-footer-inner
	{
		width: 70%;
	}
}

/*** Mobile Portrait ***/
@media only screen
and (max-device-width: 992px)
and (orientation: portrait)
{
	/* Header */
	div.about-container
	{
		background-image: url(../img/photo/mobile/about.jpg);
		background-attachment: scroll;
	}

	/* Columns */
	div.column-container
	{
		color: #455A64;
		text-align: justify;
		-webkit-text-align-last: center;
		-moz-text-align-last: center;
		text-align-last: center;
	}

	p.column-text
	{
		font-size: 10pt;
		font-size: 3.7vw;
		padding: 0;
	}

	/* Sections */
	div.section-inner
	{
		-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	    flex-direction: column;
	    padding: 8% 0 8% 0;
	}

	div.list-item
	{
		width: 100%;
		padding: 10% 0 10% 0;
	}

	div.flexBox
	{
		display: block;
	}

	p.number
	{
		font-size: 40pt;
		font-size: 16.6vw;
		padding: 0 0 5% 0;
		margin: 0 0 8% 0;
		border-bottom: 1px solid #607D8B;
	}

	p.list-heading
	{
		font-size: 20pt;
		font-size: 6.6vw;
		border-left: none;
		padding: 0;
	}

	p.list-text
	{
		font-size: 10pt;
		font-size: 3.7vw;
	}

	/* Footer */
	div#about-footer
	{
		background-image: url(../img/photo/mobile/about-footer.jpg);
		background-attachment: fixed;
	}

	div#about-footer-inner
	{
		width: 70%;
		padding: 8% 0 8% 0;
	}

	p#about-footer-text
	{
		font-size: 10pt;
		font-size: 3.7vw;
	}
}

@media only screen
and (max-device-width: 992px)
and (orientation: landscape)
{
	/* Header */
	div.about-container
	{
		background-image: url(../img/photo/mobile/about.jpg);
		background-attachment: scroll;
	}

	/* Columns */
	div.column-container
	{
		color: #455A64;
		text-align: justify;
		-webkit-text-align-last: center;
		-moz-text-align-last: center;
		text-align-last: center;
	}

	p.column-text
	{
		font-size: 10pt;
		font-size: 2.8vw;
		padding: 0;
	}

	/* Sections */
	div.section-inner
	{
		-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	    flex-direction: column;
	}

	div.list-item
	{
		width: 100%;
		padding: 5% 0 5% 0;
	}

	div.flexBox
	{
		display: block;
	}

	p.number
	{
		font-size: 40pt;
		font-size: 11.1vw;
		border-bottom: 1px solid #607D8B;
	}

	p.list-heading
	{
		font-size: 20pt;
		font-size: 5.6vw;
		border-left: none;
		padding: 0;
	}

	p.list-text
	{
		font-size: 10pt;
		font-size: 2.8vw;
	}

	/* Footer */
	div#about-footer
	{
		background-image: url(../img/photo/mobile/about-footer.jpg);
		background-attachment: fixed;
	}

	div#about-footer-inner
	{
		width: 70%;
	}

	p#about-footer-text
	{
		font-size: 10pt;
		font-size: 2.8vw;
	}
}

@media only screen and (min-resolution: 120dpi),
only screen and (min-resolution: 1.25dppx)
{
	p.column-text
	{
		font-size: 11pt;
	}

	p.number
	{
		font-size: 44pt;
	}

	p.list-heading
	{
		font-size: 22pt;
	}

	p.list-text
	{
		font-size: 11pt;
	}

	p#about-footer-text
	{
		font-size: 12pt;
	}
}