body {background: #100903; color: #CCCBA6;}

.wrapper {max-width: 1024px;}
.header {
    padding: 0 10px;
}
.header h1 {
    font-size: 36px;
    font-weight: normal;
}
.block-content .block-top {
    background: url(../jpg/bg-7.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.block-content .block-1 h3 {
    padding: 15px 15px 0 15px;
}
.block-content .block-1 p {
    padding: 5px 15px;
    text-indent: 25px;
}
.block-content .block-2 {
    margin-top: 20px;
}
.block-content .block-2 .machines .preview figure {
    text-align: center;
}
.block-content .block-2 .machines .preview figure img {
    display: block;
    width: 95%;
    margin: 0 auto;
}
.block-content .block-2 .machines .detail {
    padding: 5px 15px;
}
.block-content .block-2 .machines .detail p {
    text-indent: 25px;
}
.block-content .block-2 .machines .detail p:last-child {
    margin-top: 10px;
}

@media only screen and (min-width: 768px) {
    .header h1 {
        font-size: 50px;
    }
    .block-content .block-1 h3 {
        padding: 15px 30px 0 30px;
        font-size: 22px;
    }
    .block-content .block-1 p {
        padding: 5px 30px;
    }
    .block-content .block-2 .machines > div {
        float: left;
    }
    .block-content .block-2 .machines .preview {
        width: 40%;
    }
    .block-content .block-2 .machines .detail {
        width: 60%;
        padding: 0 20px 0 20px;
    }
    .block-content .block-2 .machines .detail h3 {
        font-size: 22px;
    }
}

@media only screen and (min-width: 1024px) {
    .block-content .block-1 p:last-child {
        padding-bottom: 40px;
    }
    .block-content .block-2 .machines {
        margin: 20px 15px;
    }
}