/*		Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 4px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3      
px      68    160    252    344    436    528    620    712    804    896    */
@media only screen and (max-width: 479px) {
	div.wrapper {
		width: 90vw;
	}
	
	article.standalone header {
    	width: 100%;
	}
	
	.inner {
    	padding: 0.25rem;
    }
	.blog .items-row,
	.blog-featured {
		display: block;
		padding: 0;
	}
	.blog .items-row .item,
	.blog-featured .item {
		margin-bottom: 2rem;
	}
	
	div.wcag .caption {
		display: none;
	}
	
	.mobile-hide {
		display: none;
	}
	
	article div.flex iframe {
		height: 192px;
		width: 340px;
	}
	
	/* Grids */
	.fields-grid {
		grid-template-columns: 1fr;
		grid-gap: 0;
	}
	
	.fields-grid figure .field-bg {
		height: 70vw;
	}
	
	.fields-header h3,
	.partners-header h3 {
		font-size: 1.25rem;
	}
	
	.partners-header h3:before,
	.fields-header h3:before {
	    right: 0.35rem;
	}
	
	.partners-header h3:before, .partners-header h3:after,
	.fields-header h3:before, .fields-header h3:after {
	    width: 5%;
	}
	
	.partners-header h3:after,
	.fields-header h3:after {
	    left: 0.35em;
	}
	
	/* Gallery */
	article div.gallery div.photo {
		display: inline-block;
		width: 90vw;
	}
	
	/* Project and organization */
	.project-title {
		font-size: 1.2rem;
		font-weight: bold;
		line-height: 1em;
		margin-bottom: .25em;
	}
	
	.organization {
		font-size: 0.8rem;
		line-height: 1.2rem;
	}
}