/* #Base 1200 Grid
================================================== */

.container	{position: relative; width: 100%; max-width: 1400px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; }

.column,
.columns	{ width: 100%; float: left; box-sizing: border-box; }

/* For devices larger than 550px */
@media (min-width: 750px) {
	.container .one-fourth	{width:23.5%;}
	.container .one-third	{width:32%;}
	.container .two-thirds	{width:66%;}
	.container .one-half	{width:48%;}
	.container .column		{float:left;margin-right:2%;}
	.container .column.last	{float:right;margin-right:0;}
}


/* #Media Queries
================================================== */

/* Larger than tablet */
@media (min-width: 750px) {
	.book-grid {grid-template-columns: repeat(auto-fill, 31%);}

}

/* Larger than desktop */
@media (min-width: 1000px) {

	.container {padding:0 80px;}
	.mwa-fixed-sidebar {display:block;}
	.mobile-nav-trigger-outter,
	.mobile-nav,
	.mobile-header,
	.mobile-footer { display: none }

	#main-content {margin-left:300px;}
	.logo {width:300px;max-width:100%;display:block;margin:0 auto;padding:30px;box-sizing:border-box;}

	.page-banner {display:block;width:100%;height:250px;}

	.home-content {width:auto;left:auto;right:5%;transform:none;padding:30px;}
	.home-content-heading span,
	.home-content-btm p {font-size:2.4rem;}


	.book-grid {grid-template-columns: repeat(auto-fill, 23%);}

}

/* Larger than Desktop HD */
@media (min-width: 1200px) {
}