/*      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: 767px) {
    div.wrapper {
        width: 100%;
        padding: 0 32px
    }
    .hide320 {
        display: none;
    }
    .show768 {
        display: inherit;
    }
    .hide768 {
        display: none;
    }
    div.logo {
        font-size: 1.25rem;
        line-height: 1em;
    }
    .flex-menu.flex-bottom {
        display: block;
        text-align: center;
    }
    .flex-menu.flex-bottom nav {
        margin: 0 0 2rem;
    }
    .bars-rwd {
        display: inherit
    }
    .menu-top {
        display: none;
    }
    body>div>footer ul li {
        padding: 0 0 0.8rem;
    }
    .header {
        display: block
    }
    .frame {
        background-color: #feec00
    }
    .header .c2 {
        padding: 2.6rem 0 2.8rem;
        width:100%;
    }
    article header .center,article section .center {
    }
    
    article section table tbody tr td:nth-child(1) {
        width:auto;
    }
    
    article section table a {
        color: black;
        border-bottom: 1px dotted #999;
    }
    
	img {
		max-width: 100%;
	}
	.blog-featured {
		display: grid;
		grid-template-columns: 100%;
		padding: 4rem 0;
	}
	
	article .grid11,
	article .grid21,
	article .grid161	{
		grid-template-columns: 1fr;
	}
	
	article .boxes {
		display: block;
	}
	
	article .boxes div {
		width: 100%
	}
	
	.right {
		text-align: center;
	}
	
	.mask {
		text-align: left;
	}
	
	.r5,.r4,.r3,.r2 {
		font-size: 3rem;
		line-height: 1.25em;
		margin-bottom: 0.5em;
	}
	.cover h1 {
		text-shadow: 1px 1px 2px black;
	}
	.cover p{
		font-size: 1rem;
		font-family:'Neue Plak Text W04 SemiBold', sans-serif;
		line-height: 1.5em;
		text-shadow: 1px 1px 2px black;
	}
}