/*
* 09/28/15
* Ask a Stupid Question Day
* Booted Strappy
* Version 0.1
* wsoe@apuswsoe.info
* modified by Andrew
* Simplified Layout for Prototyping Only
*/

/* @group Main Grid */
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

code {
	background: #444 none repeat scroll 0% 0%;
	color: #FFF;
	font: 16px/24px "GibsonLight";
	text-align: left;
	margin: 0;
	white-space: pre-wrap;
}
.notes {
	background: #666 none repeat scroll 0% 0%;
	color: var(--color-hondros-sec-white);
	padding: 15px 30px;
}
.notes li {
	font: 14px/24px "GibsonLight";
	margin-bottom: 0;
}
.panel {
	background: var(--color-hondros-sec-white) none repeat scroll 0% 0%;
	padding: 50px 80px;
}
.panelGrey {
	background: #f1f3f2 none repeat scroll 0% 0%;
	padding: 50px 80px;
}
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  margin-right: -30px;
  margin-left: -30px;
}
.rowHack {
  margin-right: 0;
  margin-left: -30px;
}
.row::after {
    clear: both;
}
.row::before, .row::after {
    content: " ";
    display: table;
}
.col-1, .col-sm-1, .col-md-1, .col-lg-1, .col-2, .col-sm-2, .col-md-2, .col-lg-2, .col-3, .col-sm-3, .col-md-3, .col-lg-3, .col-4, .col-sm-4, .col-md-4, .col-lg-4, .col-5, .col-sm-5, .col-md-5, .col-lg-5, .col-6, .col-sm-6, .col-md-6, .col-lg-6, .col-7, .col-sm-7, .col-md-7, .col-lg-7, .col-8, .col-sm-8, .col-md-8, .col-lg-8, .col-9, .col-sm-9, .col-md-9, .col-lg-9, .col-10, .col-sm-10, .col-md-10, .col-lg-10, .col-11, .col-sm-11, .col-md-11, .col-lg-11, .col-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 30px;
  padding-left: 30px;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
  float: left;
}
.col-12 {
  width: 100%;
}
.col-11 {
  width: 91.66666667%;
}
.col-10 {
  width: 83.33333333%;
}
.col-9 {
  width: 75%;
}
.col-8 {
  width: 66.66666667%;
}
.col-7 {
  width: 58.33333333%;
}
.col-6 {
  width: 50%;
}
.col-5 {
  width: 41.66666667%;
}
.col-4 {
  width: 33.33333333%;
}
.col-3 {
  width: 25%;
}
.col-2 {
  width: 16.66666667%;
}
.col-1 {
  width: 8.33333333%;
}
.col-pull-12 {
  right: 100%;
}
.col-pull-11 {
  right: 91.66666667%;
}
.col-pull-10 {
  right: 83.33333333%;
}
.col-pull-9 {
  right: 75%;
}
.col-pull-8 {
  right: 66.66666667%;
}
.col-pull-7 {
  right: 58.33333333%;
}
.col-pull-6 {
  right: 50%;
}
.col-pull-5 {
  right: 41.66666667%;
}
.col-pull-4 {
  right: 33.33333333%;
}
.col-pull-3 {
  right: 25%;
}
.col-pull-2 {
  right: 16.66666667%;
}
.col-pull-1 {
  right: 8.33333333%;
}
.col-pull-0 {
  right: auto;
}
.col-push-12 {
  left: 100%;
}
.col-push-11 {
  left: 91.66666667%;
}
.col-push-10 {
  left: 83.33333333%;
}
.col-push-9 {
  left: 75%;
}
.col-push-8 {
  left: 66.66666667%;
}
.col-push-7 {
  left: 58.33333333%;
}
.col-push-6 {
  left: 50%;
}
.col-push-5 {
  left: 41.66666667%;
}
.col-push-4 {
  left: 33.33333333%;
}
.col-push-3 {
  left: 25%;
}
.col-push-2 {
  left: 16.66666667%;
}
.col-push-1 {
  left: 8.33333333%;
}
.col-push-0 {
  left: auto;
}
.col-offset-12 {
  margin-left: 100%;
}
.col-offset-11 {
  margin-left: 91.66666667%;
}
.col-offset-10 {
  margin-left: 83.33333333%;
}
.col-offset-9 {
  margin-left: 75%;
}
.col-offset-8 {
  margin-left: 66.66666667%;
}
.col-offset-7 {
  margin-left: 58.33333333%;
}
.col-offset-6 {
  margin-left: 50%;
}
.col-offset-5 {
  margin-left: 41.66666667%;
}
.col-offset-4 {
  margin-left: 33.33333333%;
}
.col-offset-3 {
  margin-left: 25%;
}
.col-offset-2 {
  margin-left: 16.66666667%;
}
.col-offset-1 {
  margin-left: 8.33333333%;
}
.col-offset-0 {
  margin-left: 0;
}

.col-12.calloutBox, .col-12.calloutBox-alt {
  width: calc(100% - 30px);
}
.col-11.calloutBox, .col-11.calloutBox-alt {
  width: calc(91.66666667% - 30px);
}
.col-10.calloutBox, .col-10.calloutBox-alt {
  width: calc(83.33333333% - 30px);
}
.col-9.calloutBox, .col-9.calloutBox-alt {
  width: calc(75% - 30px);
}
.col-8.calloutBox, .col-8.calloutBox-alt {
  width: calc(66.66666667% - 30px);
}
.col-7.calloutBox, .col-7.calloutBox-alt {
  width: calc(58.33333333% - 30px);
}
.col-6.calloutBox, .col-6.calloutBox-alt {
  width: calc(50% - 30px);
}
.col-5.calloutBox, .col-5.calloutBox-alt {
  width: calc(41.66666667% - 30px);
}
.col-4.calloutBox, .col-4.calloutBox-alt {
  width: calc(33.3333333% - 30px);
}
.col-3.calloutBox, .col-3.calloutBox-alt {
  width: calc(25% - 30px);
}
.col-2.calloutBox, .col-2.calloutBox-alt {
  width: calc(16.66666667% - 30px);
}
.col-1.calloutBox, .col-1.calloutBox-alt {
  width: calc(8.33333333% - 30px);
}
@media (max-width: 768px) {
	.col-12.calloutBox, .col-12.calloutBox-alt, .col-11.calloutBox, .col-11.calloutBox-alt, .col-10.calloutBox, .col-10.calloutBox-alt, .col-9.calloutBox, .col-9.calloutBox-alt, .col-8.calloutBox, .col-8.calloutBox-alt, .col-7.calloutBox, .col-7.calloutBox-alt, .col-6.calloutBox, .col-6.calloutBox-alt, .col-5.calloutBox, .col-5.calloutBox-alt, .col-4.calloutBox, .col-4.calloutBox-alt, .col-3.calloutBox, .col-3.calloutBox-alt, .col-2.calloutBox, .col-2.calloutBox-alt, .col-1.calloutBox, .col-1.calloutBox-alt {
	  width: 100%;
	  float: none;
	  min-height: 60px;
	  padding: 20px 10px;
	}
}

@media (max-width: 768px) {
	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
	  width: 100%;
	  float: none;
	  min-height: 60px;
	  padding: 20px 10px;
	}
	.row {
	  margin: 0 -10px 0 -10px;
	}

	.col-pull-12, .col-pull-11, .col-pull-10, .col-pull-9, col-pull-8, .col-pull-7, .col-pull-6, .col-pull-5, .col-pull-4, .col-pull-3, .col-pull-2, .col-pull-1, .col-pull-0 {
	  right: auto;
	}

	.col-push-12, .col-push-11, .col-push-10, .col-push-9, .col-push-8 , .col-push-7, .col-push-6, .col-push-5, .col-push-4, .col-push-3, .col-push-2, .col-push-1, .col-push-0 {
	  left: auto;
	}
	.col-offset-12, .col-offset-11, .col-offset-10, .col-offset-9, .col-offset-8, .col-offset-7, .col-offset-6, .col-offset-5,
	.col-offset-4, .col-offset-3, .col-offset-2, .col-offset-1, .col-offset-0 {
	  margin-left: 0;
	}
}

/* You can also use a <br class="clear" /> to clear columns */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
/* @end */