﻿body {
    background-color: #766151;
    background-image: url(images/bg.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    padding: 0;
    margin: 0;
    font-family: Tahoma;
    font-size: 15px;
    line-height: 26px;
}

.site-width {
    max-width: 846px;
    margin: 0 auto;
    background-image: url(images/trans_bg.png);
    background-repeat: repeat;
}

.header {
    background-image: url(images/header.jpg);
    height: 198px;
    min-height: 198px;
    max-height: 198px;
    background-position: right;
    text-align: left;
    margin-top: 10px;

    display: table-cell;
    width:896px;
    vertical-align: middle;
}

.text-logo {
    background: -webkit-linear-gradient(110deg, rgba(250,179,76,1) 0%, rgba(244,184,108,1) 62%, rgba(243,225,199,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 8vw;
    font-family: Constantia, 'Times New Roman', Times, serif;
    line-height: 90px;
    margin-left: 30px;
    margin-top: 0;
    margin-bottom: 0;
    font-weight:normal
}

.text-logo-2 {
    color: #efdec4;
    font-size: 6vw;
    font-family: Constantia 'Times New Roman', Times, serif
}

.div-body {
    padding: 21px;
}

.div-about {
}

    .div-about p {
        text-indent: 20px;
        background: transparent;
        font-family: Tahoma;
        color: #906a34;
        font-stretch: wider;
    }

.div-half-line {
    height: 1px;
    width: 40%;
    background-color: #b78b33;
    margin-left: 0;
}

.div-sale-header-text {
    color: #81736c;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: bold;
}

.div-book {
    margin-top: 20px;
    margin-bottom: 40px;
}

    .div-book .title {
        color: #b86f06;
        font-weight: bold;
        margin-bottom: 20px;
    }

    .div-book .content {
        display: flex;
    }

        .div-book .content .img {
            margin-top: 20px;
            width: 240px;
            max-width: 240px;
        }

        .div-book .content .about {
            flex: 1;
        }

            .div-book .content .about p {
                color: #3e362c;
                text-indent: 11px;
            }

            .div-book .content .about .sale {
                margin-top: 30px;
            }

                .div-book .content .about .sale div {
                    float: left;
                    padding: 5px;
                }

.div-photos-header-text {
    color: #81736c;
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: bold;
}

.div-photos-container {
    text-align: center;
    box-sizing: border-box;
    margin-top: 10px;
    margin-bottom: 30px;
}

.div-photos {
    float: left;
    margin: 5px;
    content: '';
    box-sizing: border-box;
    border: 1px solid #b86f06;
    width: 257px;
    height: 261px;
}

.div-copyright {
    text-decoration: none;
    color: #b86f06;
    margin-right: 0;
    float: right;
}

.copyright {
    font-size:11px;
    color: #b86f06;
}

    .copyright:link {
        color: #b86f06;
    }

    .copyright:hover {
    }

    .copyright:visited {
    }

@media only screen and (min-width: 800px) {
    .text-logo {
        font-size: 60px;
    }

    .text-logo-2 {
        font-size: 42px;
    }
}

@media only screen and (max-width: 600px) {
    .div-book .content {
        display: flex;
        flex-flow: column;
    }

        .div-book .content .about {
            order: 2;
        }

        .div-book .content .img {
            order: 1;
            max-width: 100%;
            width: 100%;
            text-align: center;
        }
}
