body{margin:auto;background:whitesmoke;position:relative;z-index:1;font-size:1em;font-family:'Segoe UI', 'Open Sans', 'San Francisco', 'Helvetica Neue', Helvetica, Geneva, Roboto, Tahoma, Verdana, Arial, sans-serif;color:rgba(0,0,0,.9); text-shadow: 0.1px 0.1px 0.1px rgba(0,0,0,.2); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
main > p {line-height:1.5em;font-size:1em;margin:10px 20px;}

article p {margin:0px 20px 10px;font-size:16px;color:#012;}
article h3{font-size:1em;line-height:1.25em;color:#012;margin:5px 20px 5px;}
section article {display:table;position:relative;width:100%;box-shadow:0px 20px 3px -20px #345;}
section h2 {display:block;box-sizing:border-box;color:#123;margin:0;padding:10px 20px;height:50px;line-height:30px;font-size:20px;font-weight:300;text-shadow: 1px 1px 3px rgba(0,0,0,.3);text-transform:uppercase;box-shadow:0px 20px 3px -20px #345;}

header, footer {display:block; background:steelblue;
  border-top-left-radius:5vw;
  box-shadow: 0px -2px 8px -2px rgba(0,0,0,0.75);border:1vw solid aliceblue;}
header {margin:10px 10px 0 10px;}
footer {margin:0 10px 10px 10px;color:white;}
footer a {color:white;border-bottom:1px solid white;}
footer p {margin:0 20px;}
header img {max-width:100%;height:auto;}

main > h1:first-child, main > data:first-child {
font-family:'Segoe UI', 'Open Sans', 'San Francisco', 'Helvetica Neue', Helvetica, Geneva, Roboto, Tahoma, Verdana, Arial, sans-serif;
text-transform:uppercase;
display:block;
overflow:hidden;
background:chocolate; color:white; font-weight:400;margin:0 10px;
min-height:40px;line-height:40px;
padding:0 10px; font-size:1.33em;
  border-bottom-right-radius:20px;
  box-shadow: 0px 2px 8px -2px rgba(0,0,0,0.75);
text-shadow: 1px 1px 5px rgba(0,0,0,.5);
border-left:1vw solid aliceblue;border-right:1vw solid aliceblue;border-bottom:1vw solid aliceblue;
}

main > h1:first-child samp {background: crimson;display: block;padding: 0 20px;margin: 0 -20px;font-family:inherit;}
main > h1:first-child mark {background: gold;display: block;padding: 0 20px;margin: 0 -20px;font-family:inherit;}
main > data:first-child a {color:white; text-decoration:none;}


address{height:60px;line-height:60px;margin:30px 20px 0;font-size:14px;}
address img{float:left;height:100%;margin-right:20px;width:auto;border-top-left-radius:33.33%;border-bottom-right-radius:33.33%;box-shadow:0 0 5px #123;}
address a:first-of-type {font-weight:600;}

cite{font-style:normal;font-size:16px;font-weight:500;}
article cite {display: inline-block; margin: 10px 0 0 20px;line-height:40px;}
cite img {width:40px;height:40px;border-top-left-radius: 33.33%;border-bottom-right-radius: 33.33%; float:left; margin-right:10px;}
time{font-style:normal;font-weight:300;}
time[data-timerequired]{padding-left:10px;height:12px;}
dialog{display:block;overflow:hidden;height:0;width:0;padding:0;margin:auto;border:none;position:fixed;top:0;bottom:0;right:0;left:0;background:white;z-index:50;border-radius:30px;transition:all .5s ease-in-out;}

h1{font-size:2em;line-height:1.25em;margin:10px 20px;}
h2{font-size:1.33em;margin:10px 20px;}
h3{font-size:1.2em;}
h4{font-size:1em;}

img,picture,video{max-width:100%;height:auto;vertical-align:top;margin:auto;display:block;}
a {text-decoration:none;color:steelblue;}
ul, ol {line-height: 1.5em;}

blockquote {font-family:Georgia, Times, serif;font-size:1.2em;font-weight:300;font-style:italic; opacity:0.75; position:relative;margin:0; padding:0 3em;}
blockquote:before, blockquote:after {font-size:5em;position:absolute;line-height:0;color:#345;}
blockquote:before {content:"\201E";top:-0.2em;left:0.15em;}
blockquote:after {content:"\201C";bottom:-0.1em;right:0.15em;}

figure {margin:0;}
figcaption {font-family:sans-serif; font-size:14px; padding:10px 20px;}

@media (min-width:640px){
body{
display:grid;
grid-template-columns: 1fr 1fr;
grid-template-areas:"head head" "up up" "down down" "left right" "foot foot";
font-size:1.0625rem;
overflow-x:hidden;
}


header {grid-area: head;}
main, section {margin:0 auto;width:640px;}
main {grid-area: up;}
main + section {grid-area: down;}
body > section:nth-last-of-type(2) {grid-area: right;width:320px;}
body > section:nth-last-of-type(1) {grid-area: left;width:320px;}
footer {grid-area: foot;} 


header,footer {display:block; 
border-top-left-radius:60px;border-bottom-right-radius:60px;
border:10px solid #eee;
}

header {margin:20px 20px 0 20px;padding:30px;}
footer {margin:0 20px 20px 20px;padding:10px 30px;}

main > h1:first-child,main > data:first-child {
padding:0 15px;font-size:25px;min-height:50px;

border:none;
  border-bottom-left-radius:0;border-bottom-right-radius:0;
  border-top-left-radius:20px;  border-top-right-radius:20px;
  line-height:50px;box-shadow: 0px 0 10px -5px rgba(0,0,0,0.75); display:table; margin-top:-60px; margin-bottom:10px;
  width:auto;
}

}

@media (min-width:960px){
body{
grid-template-columns: 2fr 1fr; 
grid-template-rows: masonry;
grid-template-areas:"head head" "up right" "down left" "foot foot";
	}
}

@media (min-width:1280px){
body{
max-width:1440px;
grid-template-columns: 1fr 2fr 1fr;
grid-template-areas:"head head head" "left up right" "left down right""foot foot foot";
	}
}

@media (display-mode:fullscreen){
body{-ms-overflow-style:none;}
body::-webkit-scrollbar{display:none;}
}