/**
 * This will display them grid elements as block rather than inline for mobile browsers 
 * (essentially anything smaller than the narrow grid size, and media query declares. 
 */
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10,
.grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16, .grid-17, .grid-18, .grid-19,
.grid-20, .grid-21, .grid-22, .grid-23, .grid-24 {
  position: relative;
  margin-left: 10px;
  margin-right: 10px;
}

#region-preface-first, #region-preface-second, #region-preface-third {
	margin:10px 0 auto 0;
	width:100%;
}

.responsive-layout-mobile #region-preface-first,
.responsive-layout-mobile #region-preface-second {
        box-sizing:border-box;
}

#region-user-second {
	padding-top:10px;
}

.responsive-layout-mobile #region-user-second img {
    height: auto;
}

#zone-menu {
	text-align:center;
}


.region-postscript-first, .region-postscript-second, 
.region-postscript-third, .region-postscript-fourth {
	margin-top:10px;
}

/*#region-user-second {
	height:51px;
	margin-bottom:5px;
}*/

#zone-content {
	overflow:hidden;
}

.responsive-layout-mobile .view-highlights-new .highlight-slide {
	width:100%;
	padding:1em;
}

.front .view-highlights-new .highlight-slide p {
	width:50%;
	margin-left:15px;
}

.front .view-highlights-new .highlight-slide h2 {
	margin-left:15px;
}

.responsive-layout-mobile.front #views_slideshow_cycle_teaser_section_highlights_new-block_2,
.responsive-layout-mobile.front .views_slideshow_slide {
    width: 100% !important;
}

.responsive-layout-mobile .node-article .juicebox-container {
    float: none;
    display: block;
    position: relative;
    margin: 0 auto;
    
}

.responsive-layout-mobile.front .view-highlights-new .highlight-slide h2 {
    font-size: 20px ;
}

.responsive-layout-mobile.front .views_slideshow_slide p {
    width: 95%;
}

.responsive-layout-mobile .node-page .field-name-body img {
    max-width: 100%;
    height: auto;
}

.responsive-layout-mobile.context-data .region-content table {
    table-layout: fixed;
}

.responsive-layout-mobile.context-data .region-content td code,
.responsive-layout-mobile.context-data .region-content li {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

.responsive-layout-mobile.page-highlights .region-content td {
    display: block;
}

.responsive-layout-mobile .region-sidebar-second {
    float: none;
}

.responsive-layout-mobile.context-events .node-page .block-views-link-blocks-block .views-row {
    float: none;
    width: 100%;
}

.responsive-layout-mobile.context-events .node-page .block-views-link-blocks-block .views-row h3 {
    max-width: 472px;
    height: auto;
}
.responsive-layout-mobile.context-events .node-page .block-events-overview-block-1, 
.responsive-layout-mobile.context-events .node-page #block-views-disturbance-events-block-1  {
    float: none;
    width: 100%
}

.responsive-layout-mobile .region-content {
    float: none;
    clear: both;
}

.responsive-layout-mobile.page-disturbance-events-map .views-exposed-form .views-exposed-widget {
    float: none;
}

.responsive-layout-mobile .event-tracker-highlights {
    width: 100%;
    padding-right: 0;
}

.responsive-layout-mobile .event-tracker-disturbances {
    width: 100%;
}

.responsive-layout-mobile.page-disturbance-events-map .view-filters {
    padding-left: 130px
}

.responsive-layout-mobile.page-disturbance-events-map .view-filters:before {
    left: 20px;
    font-size: 16px;
}

.responsive-layout-mobile .event-tracker-highlights .group-left {
    width: 100%;
    margin-bottom: 15px;
}

.responsive-layout-mobile .event-tracker-highlights .group-right {
    width: 100%;
    padding-left: 0;
}

.responsive-layout-mobile .event-tracker-full-btn {
    display: block;
    float: none;
    max-width: 100%;
}