/* StyleSheet */

.nav a {text-decoration:none; color:#333; padding:20px;}
.nav a:hover {background:#000; color:#fff;}

@media only screen and (min-width:0px) {
	.contentDirection {flex-direction:column; align-items:flex-start; justify-content:center;}
	.contentDirection #imgContainer {margin:0px 20px 0px 20px;}
	.contentDirection #paragraph {margin:40px 30px 0px 30px;}
	.contentDirection img {align-self:center;}
	.textBlock {margin:0px 30px 0px 30px;}
	.title {font-size:46px;}
	.textFloatImg {align-self:center}
}

@media only screen and (min-width:768px) {
	.contentDirection {flex-direction:row;}
	.contentDirection #imgContainer {margin:0px 40px 0px 40px;}
	.contentDirection #paragraph {margin:0px 20px 0px 20px;}
	.textBlock {margin:0px 30px 0px 30px;}
	.title {font-size:86px;}
	.textFloatImg {float:right}
}