header h1 .drive2 .drive2 { padding: 0  6px; color: #fff; background: #d00; border-radius: 4px; }
header h1 a.drive2:hover .drive2 { background: #c00; }
header h1 .drive2 .backup { text-decoration: underline; color: #777; }
header h1 a.drive2:hover .backup { color: #555; }
header h1 .title_category { color: #999; }

.container h1:first-child { display: none; }
.container img { max-width: min(100%, 1000px); display: block; }
.container img + span { display: block; margin: 10px 20px 20px; max-width: 70%; font-size: 16px; font-style: oblique; color: #777; }
.container a.user { color: #000; font-weight: bold; }

.comments { margin: 40px 0 40px; border-top: 1px solid #ddd; }
.comments > p:first-child { font-size: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.comments img { max-width: min(100%, 500px); max-height: 380px; display: block; }

blockquote {
    background: rgba(200, 200, 200, 0.2);
    border-left: 10px solid rgba(150, 150, 150, 0.2);
    padding: 20px 20px 20px;
    margin-left: 0;
    margin-right: 0;
    font-size: 16px;
}

blockquote a { color: #d00; }
blockquote h5 { font-size: 1em; margin-bottom: 0; }
blockquote :first-child { margin-top: 0; }
blockquote :last-child { margin-bottom: 0; }
blockquote h5 a:nth-child(2) { color: #bbb; }
blockquote h5 + p { margin-top: 0; }

.columns { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; }
.pages { line-height: 1.5em; margin-bottom: 40px; flex: 0 0 60%; max-width: 60%; padding-left: 15px; padding-right: 15px; box-sizing: border-box; }
.account { flex: 0 0 40%; max-width: 40%; padding-left: 15px; padding-right: 15px; box-sizing: border-box; }
.account img { width: 100%; margin: 40px 0 20px; }

@media screen and (max-width: 768px) {
    .columns { flex-direction: column-reverse; }
    .pages { flex: 0 0 100%; max-width: 100%; }
    .account { flex: 0 0 100%; max-width: 100%; }
    .account img { margin: 0 0 20px; max-width: 400px; }
}

@media screen and (max-width: 576px) {
    .account img { width: 100%; }
    .comments > p:first-child { font-size: 16px; }
}

.main-car-photo { float: right; width: 45%; min-width: 500px; margin: 0 0 20px 20px; }
.tiles { margin: 40px 0; zoom: 1; line-height: 0; font-size: 0; display: flex; flex-wrap: wrap; }
.tiles span { display: none !important; }
.tiles img { width: 33%; }

@media screen and (max-width: 899px) {
    .tiles img { width: 50%; }
    .main-car-photo { float: none; width: 450px; min-width: auto; margin: 0; }
}

@media screen and (max-width: 639px) {
    .tiles img { width: 100%; }
    .main-car-photo { width: auto; display: block !important; }
}