/* Mobile View (ipad portrait & smaller)
----------------------------------------------------- */
@media screen and (max-width: 480px) {

	body {
		padding-top: 20px;
	}

	div.content {
		padding: 0 40px;
		height: 64%;
	}

	.footer {
		bottom: 20px;
		padding: 0 20px;
	}

	.footer .col:first-child {
		text-align: left;
	}
	.footer .col:last-child {
		text-align: right;
	}
	.footer .col a {
		padding-top: 10px;
	}
	.footer .col a br {
		display: block;
	}

	.about-page .about img.sign {
		width: 130px;
	}

	.content.about-page,
	.content.contact-page {
		height: 95%;
		width: 92%;
		margin: 15px;
		padding: 20px;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
	}

	.content.contact-page {
		background: #fff;
		width: 100%;
		height: 100%;
		margin: 0;
	}


}

/* Mobile View (ipad portrait & landscape)
----------------------------------------------------- */
@media (min-width: 550px ) and (max-width: 768px) { 

	

}