/*      Tablet Layout: 768px.
        Gutters: 24px.
        Outer margins: 28px.
        Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    804    896    */
@media only screen and (max-width: 768px) {
	div.wrapper {
		width: 90vw;
	}
	
	.item-page-single .wrapper {
		width: auto;
	}
	
	.inner {
    	padding: 0 .5rem;
    }
    
    body > div > main div.leading-1 {
    	display: none;
    }
    
    section.our-actions {
	    padding: 0 0 6rem;
    }
    
    section.our-actions div {
		display: block;
	}
	
    section.our-actions div img {
		width: 100%;
	}
	
    /* WCAG Menu */
    div.wcag .flex {
		justify-content: space-around;
	}
    
    /* Search field */
    .grid21 .search-field {
		display: none;
	}
	
	aside div.materials {
		grid-template-columns: 1fr;
	}
	
	/* Grids */
	div.grid.grid-2 {
		grid-template-columns:1fr;
	} 
	
	.grid21,
	.fields-grid {
		grid-template-columns:1fr;
		grid-gap: 0;
	}
	.fields-grid figure .field-bg {
		height: 50vw;
		background-position: center;
	}
	
	.fields-header h3,
	.partners-header h3 {
		font-size: 1.25rem;
	}
	
	.partners-header h3:before,
	.fields-header h3:before {
	    right: 1rem;
	}
	
	.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: 1em;
	}
	
	/* logotype */
	.logotype {
		justify-content: center;
	}
	
	.bars-rwd {
		display: inherit
	}
	
	.tablet-hide,
	.menu-main {
		display: none;
	}
	
	/* Blog settings */
	.blog .items-row {
		padding: 1rem;
		width: 100%;
	}

	.blog .items-leading,
	.blog .cols-3 {
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 32px;
	}

	.blog .items-row {
		margin-bottom: 32px;
	}
	
	.blog {
		padding: 2.25rem 0 .1rem;
	}
	
	article {
		padding: 2.25rem 0 3rem;
	}
	
	body>div>header div.menu-top .bars-rwd {
		font-size: 1.75rem;
		text-align: center;
	}
	
	div.wcag .inner {
		text-align: center;
	}
	
	div.wcag .caption {
		display: none;
	}
	
	body>div>header .logo-and-search {
		padding: 1rem 0;
	}
	
	body>div>main .breadcrumbs {
		display: none;
	}
	
	body>div>main .grid-content{
		display: block;
		grid-template-columns: none;
	}
	body>div>main .left-content {
		display:none;
	}
	
	body>div>footer div.menu {
		text-align: center;
	}
	
	body>div>footer div.menu {
	    align-items: inherit;
	    display: block;
	    flex-wrap: inherit;
	    justify-content: inherit;
	}
	
	body>div>footer div.menu nav {
	    display: block;
	    margin-bottom: 2rem;
	    text-align: center;
	}
	
	body>div>footer .copyrights p:nth-child(1) {
		margin: 0 0 .6rem;
	}
	
	/* Project and organization */
	.project-title {
		font-size: 1.6rem;
		font-weight: bold;
		line-height: 1em;
		margin-bottom: .25em;
	}
	
	.organization {
		font-size: 0.8rem;
		line-height: 1rem;
	}
	
}