@media (max-width: 799px) {
 
    /* hide the big fat icon menu */
    #block-block-9 {
	    display: none;
	}
	
	/* this should over write Ian's setting for the same field in pw_pnn_mobile.  */
	.front #block-system-main,
	.page-members-homepage #block-system-main	{
		top: 90px;
	}
	
	/* padding between menu bar and three big icons */
	.pnn-home-row-2 {
	    display: none;
	}
	
	/* excess padding on mobile pages */
    .panel-flexible .panel-separator {
        margin: 0;
    }
	
	
.view-id-civi_contact_info.view-display-id-block_5 .views-row-odd {
    background:  url("../images/pnn-icon-background.png") repeat;
}

.view-id-civi_contact_info.view-display-id-block_5 .views-row {
    margin-bottom: 20px;
}

#main-content, .block-inner, .pane-inner, .menu-wrapper, .branding-elements, .breadcrumb-wrapper, .attribution, .at-panel .rounded-corner, .block-panels-mini > .block-title, div.messages {
    margin-left: 10px;
    margin-right: 10px;
}
	
	
#content .panel-display, #content .panel-flexible {
    margin-left: 0;
    margin-right: 0;
}	

/* hide the excess header/menu stuff on vol/job/event homes */
.panels-flexible-row-10-1,
.panels-flexible-row-21-1,
.panels-flexible-row-17-1 {
    display: none;
	}
	
	/* event descriptions on the list page */
	.panels-flexible-21 .views-field-title-1 p,
	.panels-flexible-17 .views-field-title-1 p	{
	    display: none;
	}
	
	/* event details page */
	#event-node .panels-flexible-region-20-volunteer_details,
	#event-node .pane-node-field-event-poster,
    #event-node .panels-flexible-row-20-1,
    #event-node .pane-node-field-event-video,
    #event-node .panels-flexible-region-20-organization-inside .view-organization-details.view-id-organization_details	img,
    #event-node .panels-flexible-region-20-organization-inside .views-field-current-employer,
    #event-node .panels-flexible-region-20-organization-inside .view-organization-details .views-field-street-address,
    #event-node .panels-flexible-region-20-organization-inside .view-organization-details .views-field-supplemental-address-1,
    #event-node .panels-flexible-region-20-organization-inside .view-organization-details .views-field-supplemental-address-2,
    #event-node .panels-flexible-region-20-organization-inside .view-organization-details .views-field-nothing,
    #event-node .panels-flexible-region-20-organization-inside .view-organization-details .views-field-url,
    #event-node .panels-flexible-region-20-organization-inside .view-organization-details .views-field-facebook-6,
    #event-node .panels-flexible-region-20-organization-inside .view-organization-details .views-field-twitter-5,
	#event-node .panels-flexible-region-20-organization-inside .pane-map .pane-node-field-event-venue-name,
	#event-node .panels-flexible-region-20-organization-inside .pane-map .pane-node-field-event-location ,
	#event-node .panels-flexible-region-20-organization-inside .pane-map .pane-custom  ,
	#event-node .panels-flexible-region-20-organization-inside .pane-map .pane-node-field-date-range   ,
	#event-node .panels-flexible-region-20-organization-inside .pane-map iframe
	{
	    display: none;
	}
	
	/* volunteer details page */
	.panels-flexible-region-9-volunteer_details,
    .panels-flexible-region-9-organization,
	.panels-flexible-row-9-1,
	.panels-flexible-region-19-volunteer_details,
	.panels-flexible-region-19-organization,
	.panels-flexible-row-19-1 {
	    display: none;
	}
	

	#event-node .panels-flexible-region-20-organization-inside .pane-map {
	   background: none repeat scroll 0 0 #40B6D5;
	   border-color: #40B6D5;
		border-radius: 6px 6px 6px 6px;
		color: #FFFFFF;
		cursor: pointer;
		margin-left: 0;
		margin-right: 53px;
		margin-top: 4px;
		padding: 5px 18px;
		text-decoration: none;

    }	
	#event-node .panels-flexible-region-20-organization-inside .pane-map a {
	    color: #ffffff;
		font-size:  1.2em;
	}
	
	.view-advertisements2 {
	    display: none;
	}
	
}

 @media (max-width: 670px) {
      /* table on membership organizations won't shrink below this, so push it into a column */
	td, th {
	  border: medium none !important;
	  float: left;
	  width: 100%;
	  padding: 0 0.5em;
	}	  
	th {
	   width: 30%;
	}
	 
 }