/*.......Right-Image.......*/

p,
ul li {
    font-family: 'Benne', serif;
    font-size: 22px;
    line-height: 1.2;
    color: #65737F;
}

#hero-block {
    position: absolute;
    z-index: 1;
}

@media screen and (min-width: 1024px) and (orientation: landscape) {
    .content-block {
        width: 65%;
        margin: 5rem 0 5rem 5rem;
    }
    .b-right {
        width: 65%;
        margin: 5rem 0 5rem 15rem;
    }
    @keyframes mainBlock {
        0% {
            width: 0%;
            left: 0;
        }
        50% {
            width: 65%;
            left: 0;
        }
        100% {
            height: 100%;
            width: 0;
            left: 65%;
        }
    }
}

@media screen and (min-width: 1112px) {
    .content-block {
        width: 60%;
        margin: 0 0 0 20%;
    }
    .b-right {
        width: 60%;
        margin: 5rem 0 5rem 30%;
    }
}