/*
 * alisonw.uk
 */
.global {width:auto; 
 display:inline-grid;
 grid-template-columns: 200px auto 0.2em;
 grid-template-rows: 60px auto auto 80px;
 background:#f0f0f0;
 grid-gap:1em;
}

.navbar{grid-column:1/3;grid-row:1/1; background-color:#efe;}
.sidebar{grid-column:1/1; grid-row:2/4; background-color:#fff; margin-left:16px;}
.content{grid-column:2/2; grid-row:2/2; background-color:#fff;}
.extra{grid-column:2/2; grid-row:3/3; background-color:#898989;}
footer{grid-column:2/3; grid-row:4/4; background-color:#efe; text-align:center;}

@media screen and (min-width:1500px) {
	.content {padding-left:180px; padding-right:180px; padding-top:20px;}
}

@media screen and (min-width:1200px) and (max-width:1500px) {
	.content {padding-left:140px; padding-right:140px; padding-top:20px;}
}

@media screen and (min-width:992px) and (max-width:1200px) {
	.content {padding-left:90px; padding-right:90px; padding-top:20px;}
}

@media screen and (min-width:600px) and (max-width:991px) {
	.content {padding-left:40px; padding-right:40px;}
}

@media screen and (min-width:400px) and (max-width:600px) {
	.content {padding-left:0px; padding-right:0px;}
}

@media screen and (max-width: 500px) {
	.global {grid-template-columns: 100%;}
	.navbar {grid-column:1/1;grid-row:1/1;}
	.content {grid-column:1/1;grid-row:2/2;}
	.sidebar {grid-column:1/1;grid-row:3/3;}
	.extra {grid-column:1/1;grid-row:3/3;}
	.footer {grid-column:1/1;grid-row:4/4;}
}