html, body {
    background:#f7f7f7;
    font-family: 'Open Sans', sans-serif;
    font-size:14px;
    line-height:1.64;
}

h1 {
    font-size:220%;
    font-family: 'Roboto Condensed', sans-serif;
    line-height:1.54;
}

h2 {
    font-size:160%;
    font-family: 'Roboto Condensed', sans-serif;
    padding:0 0 25px 0;
    line-height:1.44;
}

h3 {
    font-size:140%;
    font-family: 'Roboto Condensed', sans-serif;
    padding:10px 0;
    line-height:1.44;
}

.lead {
    font-size:120%;
}

a {
    outline:none;
}

a.header-link {
    color:#333;
}

a.header-link:hover, a.header-link:focus, a.header-link:active {
    text-decoration:none;
    color:#333;
}


a.alp-link {
    display:inline-block;
    font-size:1.5rem;
    margin:8px 10px;
    color:#555;
    text-decoration:underline;
}

a.alp-link:hover {
    color:#a1a1a1;
}

.qa-header-2 h2 {
    font-size:140%;
    font-family: 'Roboto Condensed', sans-serif;
    padding:10px 0;
    line-height:1.44;
    color:#4a4a4a;
}

.qa-header-2:hover h2, .qa-header-2:focus h2, .qa-header-2:active h2 {
    text-decoration:underline;
    color:#333;
}

h1.title1 {
    font-size:180%;
    color:#b5b5b5;
    margin:0 0 15px 0;
    padding:0 0 15px 0;
    border-bottom:1px solid #dedede;
}

blockquote {
    font-size:110%;
    background: #f7f7f7;
    color:#444;
    border-left: 4px solid #dadada;
    margin: 20px 0;
    font-style:italic;
    padding: 1em 25px;
}

blockquote p {
    display: inline;
}

.container {
    max-width:660px;
}

.main-header {
    margin-top:33px;
    color:#111;
    text-align:center;
}

.main-header h1 {
    font-size:140%;
    margin:0;
    padding:20px;
    line-height:1.45;
}

.main-header p {
    margin:15px 0 20px 0;
}

.search-header {
    text-align:right;
    font-size:120%;
    padding:8px 18px;
}

.div-search {
    margin:35px 0 30px 0;
}

.datetimeformat {
    padding:15px 0 0 0;
    margin:0;
    color:#aeaeae;
}

.article-one {
    background:#fff;
    border:1px solid #ececec;
    padding:25px 0;
    margin:35px 0;
    box-shadow: 2px 2px 5px #e9e9e9;
    border-radius:5px;
}

.article-one img {
    width:100%;
}

.tag-header {
    padding:0 25px;
    margin:5px 20px 0 20px;
    text-align:center;
}

.meta-tags a, .meta-tags-2 a {
    padding:0 0 0 3px;
}

.meta-tags {
    padding-top:15px;
}

.meta-tags-2 {
    padding-top:5px;
}

.pagination {
    padding:0 25px;
    margin:20px;
}

/* .highlight {
    background-color: #ffff88;
} */

.highlight {
    background:rgba(255, 255, 136, 0.7);
    color:#111;
}

.counter, .counter-bx {
    font-size:85%;
    position:absolute;
    font-weight:bold;
    right:20px;
    color:#999;
}
.counter-bx {
    display:block;
    margin:0;
    padding:0;
}

.warning {
    color:#dc3545;
}

.indent15 {
    padding-left:15px;
    padding-right:15px;
}

input, textarea {
    box-shadow: 2px 2px 5px #e9e9e9 !important;
}

input:focus, textarea:focus {
    border:1px solid #999 !important;
}

.qabox {
    /* margin:10px 0 10px 0; */
    /* padding-bottom:14px; */
    /* border-bottom:1px solid #dedede; */
}

section.qu {
    background:#f9f9f9;
    padding:5px;
    box-shadow: 0 1px 1px #d9d9d9;
    border-radius:5px;
}

section.an {
    background:#e5f5f4;
    color:#333;
    font-size:1rem;
    margin:12px 0;
    padding:5px;
    border-radius:5px;
}

.footer {
    color:#999;
    background: none !important;
    padding:0 20px 30px;
}

.navigation-class {
    text-align:center;
}

.navigation-class a {
    margin:8px 4px 0 4px;
}

@media (max-width: 560px) {
    .navigation-class a {
        display:block;
        margin:15px 20%;
        padding:5px;
        height:auto;
    }
}