/*
-------------------
Custom Theme Styles
-------------------
*/
h1 {
	font-family: Rokkitt, serif; font-weight: 400; color: #000000; font-size: 62px;
}
	h1 img {
		max-width: 100%;
	}
h2, h3 {
	font-family: Varela, sans-serif; font-weight: normal; color: #3596B7;
}
h2 {
	font-size: 27px;
}
body {
	color: #464646; font-family: Varela, sans-serif; font-weight: normal; font-size: 16px;
	background-color: #363636; background-image: url('/uploads/site/background_image/1707/bigstock-Columbus-Ohio-1535646.jpg');
	background-repeat: repeat; background-attachment: scroll;
	background-size: cover; -moz-background-size: cover; -webkit-background-size: cover;
}
	article {
		background-color: rgba(235, 235, 235, 0.92);
		width: 835px;
		float: none; 
	}


/*
--------------
MOBILE STYLES
--------------
*/

/** TABLET **/
@media screen and (max-device-width: 1024px) {
	html, body {
		min-width: 0;
	}
	body {
		font-size: 170%;
			background-size: cover; -moz-background-size: cover; -webkit-background-size: cover;
	}
	article {
		width: 85%; margin-left: auto; margin-right: auto;
		float: none;
	}
			h1 {
				font-size: 80.60000000000001px;
			}
		h2 {
			font-size: 45.9px;
		}
	.main_content, .sidebar {
		width: 100%;
		float: none;
	}
}

/** iPAD Landscape **/
@media only screen and (min-device-width: 479px) and (max-device-width: 1024px) and (orientation:landscape) {
	article {
		width: 835px;
	}
		.main_content {
			width: 505px;
			float: left;
		}
		.sidebar {
			width: 290px;
			float: right;
		}
}


/** NARROWER BROWSER **/
@media screen and (max-device-width: 800px) {
	html, body {
		min-width: 800px;
	}
	body {
		font-size: 170%;
			background-size: cover; -moz-background-size: cover; -webkit-background-size: cover;
	}
	article {
		width: 690px; margin-left: auto; margin-right: auto;
		float: none;
	}
			h1 {
				font-size: 80.60000000000001px;
			}
		h2 {
			font-size: 45.9px;
		}
	.main_content, .sidebar {
		width: 100%;
		float: none;
	}
}


/*
-------------------
Custom CSS Setting
-------------------
*/