@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: 0;}.grid {width: 100%;max-width: 1280px;min-width: 755px;margin: 0 auto;/*overflow: hidden;*/}.grid:after {content: "";display: table;clear: both;}.grid-pad {padding: 20px 0 0 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-3-12 {width: 33.33%;}.col-1-4, .col-4-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 screen and (max-width: 1024px) {[class*='col-'] {float: left; padding-right: 0px;}.grid-pad > [class*='col-']:last-of-type {padding-right: 0;}}
@media screen and (max-width: 900px) {.grid {width: 100%;min-width: 0;margin-left: 0px;margin-right: 0px;padding-left: 0px;padding-right: 0px;}[class*='col-'] {width:100%;}.col-4-12 {float: left; width: 50%; min-height: 380px;}.col-1-6, .col-6-12 {float: left; width: 50%; min-height: 250px;}.col-3-12 {float: left; width: 50%; min-height: 340px;}.col-1-4 {float: left; width: 25%; min-height: 665px;}.col-1-5 {float: left; width: 33.33%;}.col-1-6 {float: left; width: 50%;}.col-1-3 {width: 33.33%;}#viewport {display: none;}}
@media screen and (max-width: 835px) {.col-1-4 {float: left; width: 50%; min-height: 570px;}}
/*Styles for screen 768px and lower*/
@media screen and (max-width: 768px) {/*.col-4-12 {min-height: 350px;}*/}
@media screen and (max-width: 600px) {.col-1-4, .col-1-6, .col-3-12, .col-5-12 {float: none; width: 100%;}	.col-1-4, .col-3-12 {min-height: 150px; padding: 0 10px 0 10px;}.col-4-12 {float: none; width: 100%; min-height: 100px;}.col-1-5 {float: none; width: 100%;}.col-1-3 {float: none; width: 100%;}}
@media screen and (max-width: 480px) {.col-2-3, .col-8-12 {/*float: none;*/ width: 100%;} .col-7-12 {padding: 0 !important;}.col-6-12 {min-height: 100px;}}