.cols{
	width:100%;
	font-size:0pt;
}
.cols > *{
	display:inline-block;
	margin:1%;
	font-size:16pt;
	vertical-align:top;
}
.cols > div.nomargin{
	margin:0;
}
.cols > li.nomargin{
	margin:0.2%;
}
.cols > div img{
	max-width:100%;
}
.cols .col_2{
	width:48%;
}
.cols .col_2.nomargin{
	width:50%;
}
.cols .col_33{
	width:31%;
}
.cols .col_66{
	width:64%;
}
.cols .col_66.nomargin{
	width:66.66%;
}
.cols .col_3{
	width:31%;
}

.cols .col_12{
	width: 8.33333333%;
}


.cols .col_3.nomargin,
.cols .col_33.nomargin{
	width:33.33%;
}
.cols .col_4{
	width:23%;
}
.cols .col_4.nomargin{
	width:25%;
}
.cols .col_4.photo{
	width:23%;
	margin:1%;
}
.cols .col_12 .photo{
	width:8.33333333%;
	margin:0;
}
.cols .col_4.photo a{
	display:table-cell;
	background:#fff;
	vertical-align:middle;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	box-shadow:2px 2px 10px 1px #888;
	-moz-box-shadow:2px 2px 10px 1px #888;
	-webkit-box-shadow:2px 2px 10px 1px #888;
}
.cols .col_4.photo a img{
	max-width:98%;
	max-height:98%;
	margin:1%;
}
.cols .col_12 .photo a img{
	max-width:100%;
	max-height:100%;
	margin:0;
}
.al_c{
	text-align:center;
}
.al_r{
	text-align:right;
}
.al_l{
	text-align:left;
}

.cols > .val_b{
	vertical-align:baseline;
}

}

@media only screen and (min-width:320px){
	#overview h1{
		padding:1em 1%;
		font-size:46pt;
		margin: 0;
	}
}
@media only screen and (min-width:640px){
	#overview h1{
		font-size:50pt;
	}
	#overview h1 span{
		display:inline;
	}
	#intro p{
		font-size:14pt;
	}
	a.popup-modal{
		font-size:11pt;
	}
	#cmp h2{
		font-size:250%;
	}
}
@media only screen and (min-width:768px){

	article .modal-dialog{
		width:780px;
	}
	#lineups .grp,
	#lineups .grp > div{
		font-size:11pt;
	}
}

@media only screen and (min-width:1280px){
	.content article{
		font-size:16pt;
	}
	#overview h1{
		font-size:70pt;
	}
	#intro p{
		font-size:16pt;
	}
	#new article{
		width:80%;
		font-size:14pt;
	}
	#new article .lead{
		font-size:150%;
	}
	.content article h2{
		font-size:300%;
}	}

	article .modal-dialog{
		width:900px;
	}
}

article h1{
	margin:0;
}
.pagelink{
	width:100%;
	margin:10px 0;
	font-size:130%;
	text-align:center;
}
.pagelink a{
	display:block;
	padding:1em 0;
	background:#222;
}
.pagelink a:hover{
	text-decoration:none;
	background:#334;
}
.pagelink.toppage a{
	background:#f80;
}
.pagelink.toppage a:hover{
	background:#fa0;
}

@media only screen and (max-width:1280px){
	#stores .staff_name{width:100%;}
	#stores img.staff{width:45%; border-radius:45%; -moz-border-radius:45%; -webkit-border-radius:45%;}

	#stores article{padding:0.4em;}
}
@media only screen and (max-width:800px){
	.cols .col_3,.cols .col_4.sm{width:48%;}
	.btn-lg, .btn-group-lg > .btn{font-size:12pt;}
}
@media only screen and (max-width:640px){
	.cols .col_2.sm,.cols .col_3.sm{width:48%;}
	.cols .col_3.nomargin,.cols .col_4.nomargin{width:50%;}
	.cols .col_2.nomargin{width:100%;}
	.cols.tn .col_3.nomargin{width:33.33%;}
	.cols .col_2.md{width:98%;}
	.cols .nomargin{width:100%;}
	.cols .col_33,.cols .col_66{width:48%;}
	.cols .col_33.nomargin,.cols .col_66.nomargin{width:50%;}
	.cols .col_4.photo{width:46%;}
	.cols .col_4{width:48%;}
	.cols .col_12{width: 16.66666667%;}
	/*.d_photo li{width:33.33%;}*/
	.sub_title h2{font-size:160%; height:80px; background-size:auto cover;}
	.li_photo{width:48%;}
	.sub_title h2{font-size:160%; height:80px; background-size:auto cover;}
	.li_photo{width:48%;}
	.pull-left img{max-width:150px !important;}
	img.staff{
		display:inline-block;
		width:110px;
		border-radius:110px;
		-moz-border-radius:110px;
		-webkit-border-radius:110px;
	}
	.staff_name{
		float:right;
		width:calc(100% - 130px);
	}
	section#f_lnk .cols .col_3{width:98%;}
	.pagelink{font-size:100%; margin:0;}
}
@media only screen and (max-width:480px){
	.cols .col_2,.cols .col_3{width:98%;}
	.cols .col_33,.cols .col_66{width:98%;}
	.cols .col_33.nomargin,.cols .col_66.nomargin{width:100%;}
	#stores .staff_name{width:100%;}
	#stores img.staff{width:55%; border-radius:55%; -moz-border-radius:55%; -webkit-border-radius:55%;}
}
@media only screen and (max-width:320px){
	.cols .col_2.sm,.cols .col_3.sm{width:98%;}
	.cols .col_4:not(.sm){width:98%;}
	.cols .col_4.photo{width:48%;}
	.cols .col_33,.cols .col_66{width:98%;}
	.cols .col_4.nomargin,.cols .col_33.nomargin,.cols .col_66.nomargin{width:98%;}
}