/* begin css reset*/
html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,em,img,strong,b,i,ol,ul,li,form,table,tbody,
tfoot,thead,tr,th,td,article,aside,figure,figcaption,footer,header,menu,nav,section 
{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
aside,figcaption,figure,hgroup,menu,section {display:block;}
body {line-height:1;}
ol,ul {list-style:none;}
table {border-collapse:collapse;border-spacing:0;}
* {box-sizing:border-box;}
/*end css reset*/
i {
font-style: italic;
}
body {
background:#fafafa;
font-family:Verdana,sans-serif;
}
header {
display:block;
border-bottom:1px solid #c7c7c7;
box-shadow:0 0 .5em #c7c7c7;
margin-bottom:1.5em;
padding:.75em 1em;
background:#3ca886;
}
header h1 {
display:inline-block;
color:#212121;
font-size:1.6em;
font-weight:700;
text-shadow:0 0 .5em #fdfdfd;
}
header p {
display:block;
margin-top:.25em;
font-size:.8em;
font-weight:700;
text-shadow:0 0 .5em #fdfdfd;
}
header a {
color:#212121;
text-decoration:none;
}
header a:hover {
text-shadow:0 0 1em #fdfdfd;
transition-delay:.1s;
}
nav {
display:block;
margin:0 auto;
}
nav ul {
display:block;
text-align:center;
}
nav ul li {
display:inline-block;
margin:.4em;
border:1px solid #c7c7c7;
border-radius:.25em;
box-shadow:0 0 .5em #c7c7c7;
background:#8ed7c0;
}
nav ul li a {
display:inline-block;
font-size:.95em;
font-weight:700;
color:#2f4982;
text-shadow:0 0 .5em #fdfdfd;
padding:.75em;
margin:0;
text-decoration:none;
}
nav ul li a:hover {
background:#d9f1ea;
border-radius:.25em;
transition-delay:.1s;
}
section {
padding:.5em;
margin:.25em .5em .5em .5em;
}
article {
display:block;
color: #212121;
border:1px solid #c7c7c7;
width:95%;
border-radius:.25em;
box-shadow:0 0 .5em #c7c7c7;
margin:1.25em auto;
padding:1.25em;
background:#fdfdfd;
}
article h2 {
font-size:1em;
font-weight:700;
line-height: 1.2;
color: #3c5ea8;
margin-bottom:.75em;
}
article img {
display:block;
width:95%;
height:auto;
border-radius:.25em;
margin:1em auto;
}
article p {
text-align:center;
font-size:.95em;
line-height:1.35;
}
footer {
display:block;
border-top:1px solid #c7c7c7;
box-shadow:0 0 .5em #c7c7c7;
font-size:1em;
line-height:1.5;
margin-top:1em;
padding:.5em;
background:#3ca886;
text-align:center;
}
footer p {
font-size:.85em;
color:#fdfdfd;
}
@media screen and (min-width: 575px) {
header h1 {
font-size:1.8em;
}
header p {
font-size:1em;
}
nav {
margin:1.5em .5em .5em .5em;
}
nav ul {
display:inline-block;
text-align:left;
}
nav ul li a {
font-size:1em;
}
article h2 {
font-size:1.2em;
}
article p {
font-size:1em;
}
}
@media screen and (min-width: 750px) {
body {
max-width:1500px;
margin:0 auto;
}
header {
border:1px solid #c7c7c7;
border-radius:.25em;
margin:.5em;
padding:.75em 1em;
}
header p {
display:inline-block;
float:right;
line-height:1.8;
margin-top:0;
}
article {
display:inline-block;
margin:.75em;
width:46%;
vertical-align:top;
}
footer {
margin:1em .5em .5em .5em;
border:1px solid #c7c7c7;
border-radius:.25em;
}
}
a.adjust, a.next-page {
margin:1em auto;
padding:.6em;
display:block;
font-weight:700;
background:#eee;
color:#333;
border-radius:.75em;
width:50%;
text-align:center;
text-decoration:none;
}
a.adjust:hover, a.next-page:hover {
background:#333;
color:#FFF;
transition:all 500ms ease;
}
p.continued {
margin-top:0;
}