/*Mobile Styling */


/*This mobile styling is calling the below screen size */

@media screen and (min-device-width: 320px) and (max-device-width: 800px) {
	
	/*Start all css for this particular screen size*/
	
	
/*Adjust the view all news button on service landing page*/
  
#block-views-block-news-block-2--2 > div > div > div.view-footer{
  display: inline-block;
}


/*Adjust Home page Road and Weather Alerts text news at the bottom of the home page*/



/*Adjusts the row layout
.homealerts.views-row.clearfix.row-1,
.homealerts.views-row.clearfix.row-2,
.homealerts.views-row.clearfix.row-3
{
    padding: 5px;

}

/*Adjusts the item in the row layout*/

.homealerts.views-row.clearfix.row-1 > div.views-col.col-1,
.homealerts.views-row.clearfix.row-1 > div.views-col.col-2,
.homealerts.views-row.clearfix.row-2 > div.views-col.col-1,
.homealerts.views-row.clearfix.row-2 > div.views-col.col-2,
.homealerts.views-row.clearfix.row-3 > div.views-col.col-1,
.homealerts.views-row.clearfix.row-3 > div.views-col.col-2

{
 
    margin: 10px;
    width:100%;
}





#blazy-views-news-block-block-3-2 > li:nth-child(1),
#blazy-views-news-block-block-3-2 > li:nth-child(2),
#blazy-views-news-block-block-3-2 > li:nth-child(3),
#blazy-views-news-block-block-3-2 > li:nth-child(4),
#blazy-views-news-block-block-3-2 > li:nth-child(5),
#blazy-views-news-block-block-3-2 > li:nth-child(6){
	width:90%!important;
	margin-left:5%;
}

.housekeeping__social{
padding-top: 30px;

}
.housekeeping__links {
padding-top: 30px;
margin-left: 50px;
}
.branding {
	width:300px;
	padding-right:0px;
}









/*The below bracket closed out the mobile styling call for this screen size all css for this screenszie should be before this bracket*/
}