html, button, input, select, textarea,
.pure-g [class *= "pure-u"] {
    font-family: "Noto Serif", "Georgia", serif;
    line-height: 1.8;
    color: #555;
}
.l-box {
    padding: 0.5em;
}
.k-box {
    padding: 0 0.5em;
}
.ad-1 {
    padding-left: 0;
    padding-right: 0;
}
.pure-button-primary,
.pure-button-selected,
a.pure-button-primary,
a.pure-button-selected {
    background-color: #F2FCF8;
    color: #444;
    color: rgba(0, 0, 0, 0.80);
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    border: 1px solid #cbcbcb;
    max-width: 100%;
    margin: 1em 0;
}
table td,
table th {
    border-left: 1px solid #cbcbcb;/*  inner column border */
    border-width: 0 0 0 1px;
    font-size: inherit;
    margin: 0;
    overflow: visible; /*to make ths where the title is really long work*/
    padding: 0.25em 0.5em; /* cell padding */
}
table td:first-child,
table th:first-child {
    border-left-width: 0;
}
table td,
table th {
    border-bottom: 1px solid #cbcbcb;
}
table tbody > tr:last-child > td,
table tbody > tr:last-child > th {
    border-bottom-width: 0;
}
table th {
    font-family: "Noto Sans", "Helvetica", "Arial", sans-serif;
}




h1, h2, h3, h4, h5, h6 {
    font-family: "Noto Sans", "Helvetica", "Arial", sans-serif;
    line-height: 1.2;
}
h1 { font-size: 2.25em; margin: .67em 0; letter-spacing: -3px; }
h2 { font-size: 1.625em; letter-spacing: -2px; }
h3 { letter-spacing: -1px; }

a {
    text-decoration: underline;
    color: #777;
}
a:hover, a:focus {
    text-decoration: none;
}
a, a * {
    transition: 0.25s;
}
hr {
    clear: both;
    border: 0;
    height: 1px;
    background: #EEE;
    margin: 1em 0;
}
b, strong {
    font-family: "Noto Sans", "Helvetica", "Arial", sans-serif;
}




body {
    background: #F2F2F2;
}
.container {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 0.5em;
    overflow: hidden;
}




/* -------- body>header, body>footer --------*/

body>header, body>footer {
    background: #FFF;
    overflow: hidden;
    box-shadow: 0 1px 5px 0 #AAA;
}
body>header {
    margin-bottom: 1.5em;
}
body>footer {
    margin-top: 1.5em;
    text-align: center;
}
body>footer ul {
    padding: 0;
}
body>footer ul li {
    list-style: none;
    display: inline-block;
}
body>header #logo {
    font-size: 2em;
    margin: .33em 0;
}
body>header #logo a img {
    display: block;
    margin: 0 auto;
    width: 320px;
    height: 123px;
    max-width: 100%;
    height: auto;
}
body>header a:hover img, body>header a:focus img, body>footer a:hover img, body>footer a:focus img, aside.sidebar a:hover img, aside.sidebar a:focus img {
    opacity: 0.67;
}
body>header {
    background: #FFF;
}
body>header #topbar {
    background: #F2FCF8;
    text-align: center;
    padding: 0.25rem 0;
}
body>header nav.pure-menu-horizontal, body>header #social.pure-menu-horizontal, body>header form {
    margin: 0.25rem 0;
}
body>header nav.pure-menu-horizontal {
    font-size: 0.875em;
}
body>header .pure-menu-active>.pure-menu-link, body>header .pure-menu-link:hover, body>header .pure-menu-link:focus {
    background: #CCF3E8;
}
body>header #social.pure-menu-horizontal {
    font-size: 0.875em;
}
body>header form {
    font-size: 0.875em;
    width: 240px;
    max-width: 92%;
    vertical-align: middle;
    display: inline-block;
    padding-top: 4px;
}
body>header form * {
    font-size: 0.625rem;
}   




/* -------- main --------*/

article, #comments {
    background: #FFF;
    overflow: hidden;
    box-shadow: 0 1px 5px 0 #AAA;
}
#comments {
    padding: 1rem;
}
article .content, article footer {
    padding: 0 1rem;
    max-width: 738px;
    margin: 0 auto;
}
article.full .content {
    font-size: 1.125em;
}
article.entry footer {
    font-size: 0.875em;
}
article header img {
    width: 884px;
    height: 592px;
    max-width: 100%;
}
article footer .read-more {
    float: left;
    margin-bottom: 1em;
    margin-top: 0.5em;
}
article footer .icons {
    float: right;
    margin-bottom: 1em;
}
article footer .tags {
    clear: both;
    margin: 1em 0;
}
article footer .tags .pure-button {
    padding: .25em .5em;
    margin: .125em 0;
}
article footer .share {
    float: left;
    margin-bottom: 1em;
}
article footer .share ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    margin-top: -8px;
}
article footer .share ul li {
    float: left;
    margin-right: 8px;
    padding-top: 8px;
}
article footer .share ul li:first-child {
    padding-top: 0;
}
article footer .share ul li:last-child {
    margin-right: 0;
}
article .content img {
    width: 738px;
    height: 494px;
    max-width: 100%;
    height: auto;
    height: auto;
    display: block;
}
article .content img:not(:only-child) {
    width: 360px;
    height: 538px;
    max-width: 49%;
    height: auto;
}
article .content img:not(:only-child):first-child {
    float: left;
}
article .content img:not(:only-child):last-child {
    float: right;
}
article .content p {
    overflow: auto;
}


.title {
    margin: 0;
    display: block;
    background: #F8F8F8;
}
h1.title {
    padding: .67em 1rem;
}
h2.title {
    padding: .75em 1rem;
}
h3.title {
    padding: .83em 0;
}
article header a {
    display: block;
    background: #000;
    text-decoration: none;
}
article header a img:hover, article header a img:focus {
    opacity: 0.92;
}
article header a .title:hover {
    background: #EEE;
}
main>header, main>footer {
    padding: 0.5em;
}
main>header {
    font-size: 0.875em;
}
.pagination {
    text-align: center;
    overflow: hidden;
}
.pagination .newer-posts {
    float: left;
}
.pagination .page-number {
    padding: .5em 1em;
    line-height: normal;
    display: block;
}
.pagination .older-posts {
    float: right;
}

.entry header h2, .entry .content p {
    display: flex;
    flex-direction: column;
    justify-content: center;
}


/* -------- aside --------*/

aside nav {
    margin-top: 1em;
}
aside section {
    background: #FFF;
    box-shadow: 0 1px 5px 0 #AAA;
    overflow: hidden;
}
aside nav ul {
    padding: .75em 0;
}
aside .pure-menu-link, aside .pure-menu-heading {
    white-space: normal;
}
aside .pure-menu-heading {
    text-transform: none;
    text-align: center;
}
aside .pure-menu-link {
    padding: .75em 0;
    text-align: center;
}
aside .pure-menu-active > aside .pure-menu-link,
aside .pure-menu-link:hover,
aside .pure-menu-link:focus {
    /*background-color: #CCF3E8;*/
}
aside #instafeed {
    overflow: hidden;
    padding: 2px;
}
aside #instafeed img {
    display: block;
    width: 150px;
    height: 150px;
    height: auto;
    max-width: 50%;
    padding: 2px;
    box-sizing: border-box;
    float: left;
}

/* -------- sm --------*/

@media screen and (min-width: 35.5em) {


body>header, body>footer {
    
}
.container {
    padding: 0 1.5em;
}
#comments {
    padding: 1rem 2rem;
}
article .content, article footer {
    padding: 0 2rem;
}
h1.title {
    padding: .67em 2rem;
}
h2.title {
    padding: .75em 2rem;
}


}

/* -------- sm -------- */

@media screen and (min-width: 35.5em) {

}

/* -------- md -------- */

@media screen and (min-width: 48em) {

article.full .content {
    padding: 1rem 4rem;
}
#comments {
    padding: 2rem 4rem;
}
article.full footer {
    padding: 0 4rem;
}
h1.title {
    padding: .67em 4rem;
}

}


/* -------- lg -------- */

@media screen and (min-width: 64em) {

.container {
    max-width: 1200px;
}
body>header #topbar {
    padding: 0;
}
body>header nav.pure-menu-horizontal, body>header #social.pure-menu-horizontal, body>header form {
    margin: 0;
}
body>header nav.pure-menu-horizontal {
    text-align: left;
}
body>header #social.pure-menu-horizontal {
    /*text-align: right;*/
}
body>header form {
    text-align: left;
}
main>* {
    margin-right: 1rem;
}
aside nav {
    margin-top: 0;

}

}


/* -------- xl -------- */

@media screen and (min-width: 80em) {



}




/* logo: #249776; */