* {
    font-family: Lato;
}
.wrapper {
    padding: 30px 0;
}
.bg-brown {
    background-color: #faf6ee;
}
.title {
    font-weight: 300;
    font-size: 60px;
    line-height: 72px;
    color: #4B4F50;
}
.top-block ul li {
    padding-bottom: 10px;
}
.top-block .block {
    margin-bottom: 7px;
    margin-right: 7px;
}
.top-block .first-banner {
    height: 42.26px;
}
.top-block .second-banner {
    height: 63.39px;
}

.block {
    width: 100%;
    height: 346.2px;
    border: 1px solid #997E39;
}
.mobile-block {
    height: 305.47px;
}
.wrapper p {
    color: #000;
    font-weight: 600;
}
.classic-banners .blocks {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.classic-banners .block {
    width: 300px;
}
.classic-banners .first-block {
    height: 50px;
    margin-bottom: 10px;
}
.classic-banners .second-block {
    height: 100px;
}
@media (max-width: 768px) {
    .classic-banners .blocks {
        align-items: center;
    }
}
@media (max-width: 475px) {
    .title {
        font-size: 45px;
        line-height: 57px;
    }
}