/**
 * Responsive region-ish  stuff -- stub responsive file for now
 */
 
html.js .ppg-award-section {
 	display:none;
}

html.js .ppg-award-section.more {
 	page-break-before: auto; /* for print always; */
}
 
.row {
	width: auto;
	max-width: none;
	margin: 0;
}

.row::before, .row::after {
    content: " ";
    display: table;
}

.row .column,.row .columns {
	position:relative;
	width:100%;
}


.row .large-left {
	float:left;
}

.row .large-right {
	float:right;
}

.row .large-padding {
	padding:0.4em 0.6em;
}


/* @media only screen and (min-width: 768px) */
@media all and (min-width: 768px) { /* apply large format relative widths when 768px+ */

	.row .large-padding {
		padding:0.2em 0.3em;
	}
	.row .large-2,.row .area-2 {
		position: relative;
		width: 16.67%;
	}
	.row .large-4,.row .area-4 {
		position: relative;
		width: 33.33%;
	}
	.row .large-5,.row .area-5 {
		position: relative;
		width: 41.67%;
	}	
	.row .large-6,.row .area-6 {
		position: relative;
		width: 50%;
	}
	.row .large-7,.row .area-7 {
		position: relative;
		width: 58.33%;
	}	
	.row .large-8,.row .area-8 {
		position: relative;
		width: 66.67%;
	}	
	.row .large-10,.row .area-10 {
		position: relative;
		width: 83.33%;
	}
	.row .large-12,.row .area-12 {
		position: relative;
		width: 100%;
	}
	.row .show-small,.row .show-for-small {
		display:none;
	}
}


/* @media only screen and (max-width: 767px) */
@media all and (max-width: 767px) {
	.row .show-large,.row .show-for-large {
		display:none;
	}
}