/* add any additional css for the site that won't get overwritten when compiling the scss files */
@media only screen and (max-width: 480px) {

	.mast .hilite .art {
		max-width: none !important;
	}

	.progress-bar {
		display: none;
	}

	.shopping-flow .one-quarter {
		width: 50% !important;
		margin-bottom: 50px !important;
	}

	.shopping-flow .one-third,
	.plans .one-third {
		width: 100% !important;
	}

	.shopping-flow .three-quarters {
		width: 100% !important;
	}

	.shopping-flow .people-art {
		margin-top: 0 !important;
	}

	.shopping-flow .testimonial, 
	.plans .testimonial {
		display: none;
	}

	.shopping-grid.scroller > .gw >  .bar + .bar + .one-quarter {
		width: 45%;
	}

	.shopping-grid.scroller > .gw >  .bar + .bar + .one-quarter .legend {
		width: 100% !important;
	}

	.shopping-grid.scroller > .gw > .bar + .bar + .one-quarter + .three-quarters {
		width: 55%;
	}

}


@media only screen and (min-width: 481px) and (max-width: 768px) {

	.shopping-grid.scroller > .gw >  .bar + .bar + .one-quarter {
		width: 33%;
	}

	.shopping-grid.scroller > .gw >  .bar + .bar + .one-quarter .legend {
		width: 100% !important;
	}

	.shopping-grid.scroller > .gw > .bar + .bar + .one-quarter + .three-quarters {
		width: 66%;
	}

}

#openenrollment { float: left;  }