body {
  background-color: #ffffff;
  background-image: url("/images/background.png");
  background-repeat:no-repeat;
  background-position: top center;
  background-size: 100%;
}

.page-wrap {
    margin-top: 40px;
}

.hero {
    text-align: center;
    background: transparent;
    padding: 13px;
    display: block;
    margin: auto;
    max-width: 650px;
}

.page-title {
    font-size: 4.3rem;
    font-weight: 700;
    color: #222222;
    border-bottom: 10px solid red;
    display: inline-block;
    padding-bottom: 20px;
}

.page-tagline {
    margin-top: 10px;
    font-size: 1.4rem;
    color: #2d2d2d;
}

.card {
    margin: auto;
}

.card-body {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.text-old {
    text-decoration: line-through;
}

/*gallery*/
.gallery{ margin: 80px auto;  display: flex; flex-wrap: wrap;}
.gallery > a{ position: relative; display: block; height: 300px; margin: 4px; flex-grow: 1; padding: 0; opacity: .6;}
.gallery > a:hover{ opacity: 1;}
.gallery img{ object-fit: cover; height: 100%; min-width: 100%; }

table,table tr,table td,table th {border-color:#E0E0E0;}

/*---------------*/
/* !BLOG */
/*---------------*/
.blog .category { color: #333; font-size: 11px; font-weight: 500; float:right;}
.blog time { color: #999; display: block; font-size: 12px; font-style: italic; color:red; }
.blog .author { color: #333; float: right; font-size: 11px; font-style: italic; }
.blog .tags { color: #999; float: right; font-size: 11px; font-style: italic; text-align: right; }
.blog .readmore { color: red; font-size: 1.3rem;}

/* .blog .aside ul li { list-style: outside none none; } */
.blog .aside h4 { border-bottom: 1px solid rgba(0,0,0,.125); border-top: 1px solid rgba(0,0,0,.125); color: #333; font-size: 14px; font-weight: 600; margin: 0 0 10px; padding: 5px 10px; text-align: center; }
.blog .aside a { display: block; }
.blog .aside li.selected a { color:red; }