/* City of Minneapolis Home Page Stylesheet 
  Author: Grant E. Johnson */
/***********************************************************************************/
@media screen and (max-width: 1200px) and (min-width: 775px){
	#container {width:100%;min-width:760px;}
	#header {width:100%;min-width:760px; background-position: 0px 0; background: url('wcms1p-139971.jpg') no-repeat;}
	#header h1 {margin: 0; padding: 0; background:url('mpls-logo-sm.png') no-repeat 0 0; width: 120px;}
	#header h1 a {display:block; height:50px; width:120px; text-decoration:none;}
	#mobile-header div {display: none;}
	#citytag {top:55px; left:10px; font: 10px arial; width:100px; text-align:center}
	#globalnav  {top:4px;right:4px;}
	#depts      {top:45px;right:4px;}
	#search     {top:45px;right:234px;}
	#helpOptions{top:77px;right:4px;}
	#changeFont {margin-right:20px;}
	li#sf-services a {padding-left:8px;}
	li#sf-311 {width:105px;}
	li#sf-311 a {background-position:-185px 0;color:#036;}
	li#sf-311 a:hover {background-position:-185px -41px;}
	li#sf-311 span{visibility:visible;}
	.topmenu a {padding: 10px 0 14px 4px;text-decoration:none;}
	.btn-cont {margin: 15px 20%;}
	.btn-wrap {width:480px;}
}
/***********************************************************************************/
@media screen and (max-width: 774px) and (min-width: 541px){
	#container {width:100%; min-width:0;}
	#header {width:100%; min-width:0; background-position: 280px bottom; background-size:125%; background: url('wcms1p-139971.jpg');}
	#header h1 {margin: 0; padding: 2px 0 0 23px;  background:url('mpls-logo-tiny.png') no-repeat 4px 6px; width:200px; height:30px;}
	#header h1 a {display:block; height:30px; width:200px; text-decoration:none;}
	#header h1 a span {display:block; font: bold .9em Arial; color:#036; white-space:nowrap;}
	#mobile-header div {display: none;}
	#citytag {display:none;}
	#globalnav  {top:30px;left:4px; min-width:664px;}
	#search     {top:72px;left:4px;}
	#depts      {top:72px;left:234px;}
	#helpOptions{top:105px;left:8px;}
	#changeFont {margin-right:20px;}
	li#sf-services a {padding-left:8px;}
	li#sf-311 {width:105px;}
	li#sf-311 a {background-position:-185px 0;color:#036;}
	li#sf-311 a:hover {background-position:-185px -41px;}
	li#sf-311 span{visibility:visible;}
	.topmenu a {padding: 10px 0 14px 4px;text-decoration:none;}
	.btn-cont .btn a {height: auto;}
	.btn-cont {margin: 5px 1%;}
	.btn-wrap {width: 100%;}
	.btn-cont .btn p {padding-left: 10%;padding-right: 10%;}
	.btn-cont .btn .icon {padding-top: 0;}
}
/***********************************************************************************/
@media screen and (max-width: 540px){
	#container {position:relative; width:100%; min-width:0; margin:0; padding:0;}
	#header {width:100%; min-width:0; height:auto; position:relative; background: url('wcms1p-139786.jpg') 40px 0 repeat-x;}
	#header-bg { height:auto;}
	#header h1 {margin: 0; padding: 0; background:url('mpls-logo-blue.png') no-repeat 50% 5px; height:90px; width: 100%;}
	#header h1 a {display:block;height:80px;width:100%;}
	#header h1 a span {display:none;}
	#mobile-header div {display: block;}
	#globalnav, #citytag, #search, #depts, #helpOptions {display:none;}
	.oneColumn #maincontent, 
	.twoColumn #maincontent, 
	.thrColumn #maincontent 				 {float: none; clear:both; width:auto; margin:0 3%; padding:0; display: block;}
	.twoColumn #leftcol, .thrColumn #leftcol {float: none; clear:both; width:auto; margin:.5em 3%; padding:0; display: block;}
	.thrColumn #rightcol 					 {float: none; clear:both; width:auto; margin:0 3%; padding:0; display: block;}
	.accord li .accordbtn {position:absolute; left:94%;}
	.addthis_position {float:none;}
	.btn-wrap {width: 240px;}
	.btn-cont .btn a {height: auto; padding-bottom:10px;}
	.btn-cont .btn .icon {margin: 10px 0 0 0;}
	.btn-cont .btn .icon img{ width:60px;height:auto;}
}