/** Default mobile layout */
body {
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 14px;
	background: url('../img/bg.jpg') no-repeat center center fixed;
	background-size: cover; 
	margin: 0;
	box-sizing: border-box;
	background-color: #efefef;
}
/** Container class used for setting the width of page */
div.container {
	padding: 0 0;
	margin: 0 auto;
}
/** Row class used for multiple pages going down */
div.row {
	background: #EFEFEF;
	margin: 0 0 0.7em 0;
}
div.box {
	padding: 0.7em 0.8em;
	text-align: center;
}

/**
 * Layout for larger screens
 * */

@media screen and (min-width:520px) {
	body {
		font-size: 16px;
	}
	div.box {
		padding: 1em 0.9em;
	}
}

@media screen and (min-width:768px) {
	body {
		font-size: 18px;
	}
	div.container {
		max-width: 760px;
	}
	div.row {
		margin-top: 0.2em;
	}
	div.box {
		padding: 1.5em 1.3em;
	}
	
@media screen and (min-width:992px) {
	div.container {
		max-width: 950px;
	}
	div.row {
		margin-top: 0.5em;
	}
	div.box {
		padding: 2.0em 2.2em;
	}
	
@media screen and (min-width:1200px) {
	div.container {
		max-width: 1140px;
	}
	div.row {
		margin-top: 1.0em;
	}
	div.box {
		padding: 2.8em 3.5em;
	}

}