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-4.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.block-content .block-1 figure {
    margin-top: 10px;
    text-align: center;
}
.block-content .block-1 figure img {
    display: block;
    margin: 0 auto;
}
.block-content .block-1 p {
    padding: 15px;
}

@media only screen and (min-width: 768px) {
    .header h1 {
        font-size: 50px;
    }
    .block-content .block-1 {
        padding: 45px;
    }
    .block-content .block-1 figure  {
        float: left;
    }
    .block-content .block-1 p {
        padding: 5px 15px 30px 15px;
    }
}

@media only screen and (min-width: 1024px) {
    .block-content .block-top {
        height: 600px;
    }
    .block-content .block-1 {
        width: 90%;
        margin: 0 auto;
    }
    .block-content .block-1 p {
        padding: 12px 15px;
    }
}