main {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

header {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
}

footer {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
}

section.blog {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
}

div.lady {
    margin: 20px auto;
    width: 90%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
}

div.lady img {
    width: 100%;
}

section.blog article h2 {
    margin: 0 auto;
    width: 90%;
}

section.blog p {
    margin: 20px auto;
    width: 90%;
    text-align: justify;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

section.blog p span {
    font-weight: 800;
}

@media(min-width:1024px) {
    section.blog {
        display: block;
        margin: 20px 40px 20px 20px;
    }

    div.lady {
        margin-right: 20px;
        margin-left: 20px;
        width: 30%;
        float: right;
    }

    section.blog article {
        width: 80%;
    }

    section.blog h2 {
        font-size: 30px;
    }

    section.blog p:nth-child(3) {
        margin: 20px 40px;
        width: 120%;
    }

    header,
    footer {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    }
}

@media(min-width:1280px) {

    header,
    footer {
        -ms-flex-preferred-size: 13.5%;
        flex-basis: 13.5%;
    }

    section.blog {
        margin: 80px 60px 20px 40px;
    }

    section.blog article h2 {
        margin-left: 67px;
        font-size: 45px;
    }

    div.lady {
        width: 37%;
        margin-top: -20px;
    }

    section.blog article {
        width: 50%;
    }

    section.blog p {
        margin: 20px 60px;
    }

    section.blog p:nth-child(3) {
        margin: 20px 60px;
        width: 150%;
    }
}

@media(min-width:1366px) {
    section.blog {
        margin-top: 50px;
    }

    section.blog article {
        line-height: 150%;
    }

    div.lady {
        margin-top: 20px;
        width: 30%;
        margin-right: 80px;
    }

    section.blog article h2 {
        margin-bottom: 40px;
        margin-top: 40px;
    }

    section.blog p:nth-child(3) {
        width: 180%;
    }
}

@media(min-width:1600px) {
    section.blog {
        margin-top: 90px;
        margin-right: 100px;

    }

    section.blog article {
        line-height: 170%;
    }

    div.lady {
        width: 30%;
        margin-right: 100px;
    }
}