﻿/* Media Query stop points based on 16px default browser font size */
/* Container widths based on 13px #l-wrapper font-size as set in core.css */

.l-container {
	margin: 0 auto;
	min-width: 300px; /* Keep in px */
    width:100%;
}

/*# Media Queries/1: 480px  #*/
@media only screen and (min-width: 30em) {
	.l-container {
		width: 36.923em; /*   480 / 13   */
	}
}

/*# Media Queries/2: 768px  #*/
@media only screen and (min-width: 48em) {
	.l-container {
		width: 59.077em;  /*   768 / 13   */
	}
}

/*# Media Queries/3: 960px #*/
@media only screen and (min-width: 60em) {
	.l-container {
		width: 73.846em;  /*   960 / 13   */
	}
}