.post-preview {
    background: white;
    margin: 1rem;
    max-width: 23rem;
    text-align: left;
}

.post-preview a {
    transition: color 0.3s ease;
}


.post-preview a:visited {
    color: inherit;
}

.post-preview a:hover {
    color: #4772cc;
}

.post-preview div.image {
    background: #f8f8f8;
}

.post-preview div.overview {
    padding: 1rem;
}


.post-preview h4 {
    color: #555;
    height: 3rem;
    margin: 0;
    text-transform: uppercase;
}

.post-preview p .date {
    color: gray;
    font-size: .7rem;
}

.post-preview p .author {
    color: #333;
    font-size: 0.7rem;
    float: right;
    text-transform: uppercase;
}

.post-preview p.overview {
    font-size: .85rem;
    height: 10rem;
    overflow: hidden;
}

.post-preview img {
    border-radius: 0.4rem 0.4rem 0 0;
    width: 100%;
}

.content {
    background: #f8f8f8
}

.content .header.image header {
    background: #595a5a url(media/header.jpg) no-repeat;
    background-position: 60%;
}


.header.image {
    background: linear-gradient(270deg, #8a7e7e40 40%, #eee 70%);
}


.product .section {
    min-height: 10rem;
    padding-top: 3rem;
    padding-bottom: 2rem;
    font-size: 1rem;
}

.product .section h2 {
    font-weight: normal;
    margin-top: 0;
    font-size: 0.8rem;
}

.product .row .text {
    text-align: left;
}

.product .description, .product a{
    color: white;
}

.product .description {
    background: linear-gradient(270deg, #9da7ff 40%, #8b97ff 70%);
}

.product .navigation {
    background: linear-gradient(270deg, #8a7e7e40 40%, #eee 70%);
}

.product .maps {
    background: linear-gradient(270deg, #739cff 40%, #5084ff 70%);
}

.product .search {
    background: linear-gradient(270deg, #36ffa27d 40%, #36ffa2 70%);
}

.product div.image.private {
    background: linear-gradient(270deg, #f3be7d 40%, #ffb14f 70%);
}

.product .description, .product .maps {
    color: white;
}

.product .description li:nth-child(1) {
    text-align: left;
    padding-left: 20pt;
}

.product .description li:nth-child(3) {
    position: relative;
}

.product .description li:nth-child(3) img {
    position: absolute;
    left: 5%;
    max-width: 90%;
}