@charset "UTF-8";
/* CSS Document */
/* =GENERAL - the general styles */
/* #Marys Revised Grid
================================================== */
*, *:after, *:before {
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

[class*='col-'] { float: left; padding-right: 20px; }
[class*='col-']:last-of-type { padding-right: 0px; }
.grid {width: 100%;max-width: 1140px;min-width: 755px;margin: 0 auto;/*overflow: hidden;*/}
.grid:after {content: "";display: table;clear: both;}
.grid-pad { padding: 20px 0 0px 20px; }
.grid-pad > [class*='col-']:last-of-type { padding-right: 20px; }
.push-right { float: right; }

/* Content Columns */
.col-1-1 { width: 100%; }
.col-2-3, .col-8-12 { width: 66.66%; }
.col-1-2, .col-6-12 { width: 50%; }
.col-1-3, .col-4-12 { width: 33.33%; }
.col-1-4, .col-3-12 { width: 25%; }
.col-1-5 { width: 20%; }
.col-1-6, .col-2-12 { width: 16.667%; }
.col-1-7 { width: 14.28%; }
.col-1-8 { width: 12.5%; }
.col-1-9 { width: 11.1%; }
.col-1-10 { width: 10%; }
.col-1-11 { width: 9.09%; }
.col-1-12 { width: 8.33% }

/* Layout Columns */
.col-11-12 { width: 91.66% }
.col-10-12 { width: 83.333%; }
.col-9-12 { width: 75%; }
.col-5-12 { width: 41.66%; }
.col-7-12 { width: 58.33% }

@media handheld, only screen and (max-width: 1024px) {
[class*='col-'] { float: left; padding-right: 0px; }
.grid-pad > [class*='col-']:last-of-type { padding-right: 0px; }
}

@media handheld, only screen and (max-width: 767px) {
	.grid {width: 100%;min-width: 0;margin-left: 0px;margin-right: 0px;padding-left: 0px;padding-right: 0px;}
	[class*='col-'] {width:100%;/*float: none; padding: 0;*/}
	.col-1-3, .col-1-4, .col-3-12 { float: left; width: 50%; }
	#viewport { display: none; }
}
@media handheld, only screen and (max-width: 600px) {
	/*.col-1-4, .col-3-12 { width: auto; } */
}
@media handheld, only screen and (max-width: 480px) {
	[class*='col-'] {padding-left: 10px!important;padding-right: 10px!important;}
	.col-1-4, .col-3-12 { padding: 0 10px 0 10px; float: none !important; width: 100%; min-height: 200px;} 
	.col-1-3, .col-4-12 { /*float: none;*/ width: 100%; } 
	.col-2-3, .col-8-12 { /*float: none;*/ width: 100%;} 
	.col-7-12 { padding: 0 !important; }
}
@media handheld, only screen and (max-width: 320px) {
	.col-1-4, .col-3-12 { min-height: 150px; float: none; }
}