/*
-----------------------------------------------------------------------------
=Debugging Styles. Delete or comment these out once your site works well.
----------------------------------------------------------------------------- */
body:before {
	content: "(max-width: 58.6875em) ok?";
	font-size: 1.1em;
	line-height: 1;
	font-weight: bold;
	padding: .5em;
	background-color: rgba(163, 41, 43, .7);
	color: #fff;
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 9999;
	}

/* Landscape phones and down */
@media only screen and (max-width: 767px) {
	body:before { content: "(max-width: 767px) XS"; background-color: rgba(102, 163, 41, .7);
		
	}
}

/* Landscape phone to portrait tablet */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	body:before { content: "(min-width: 768px) and (max-width: 991px) SM"; background-color: rgba(102, 41, 163, .7);
		
	}
}

/* Portrait tablet to landscape and desktop */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	body:before { content: "(min-width: 992px) and (max-width: 1199px) MD"; background-color: rgba(163, 41, 43, .7); 
		
	}
}
 
/* Large desktop */
@media only screen and (min-width: 1200px) {  
	body:before { content: "(min-width: 1200px) LG"; background-color: rgba(102 163 41, .7); 
		
	}
}



/*
Development Wireframes
=============================================== */

/* Bens Wireframe */


[class*="col-"] {
  /*padding-top: 15px;
  padding-bottom: 15px;*/
  background-color: #eee;
  background-color: rgba(86,61,124,.15);
  border: 1px solid #ddd;
  border: 1px solid rgba(86,61,124,.2);
}