.gridWrapp {
    display: -ms-grid;
    display: grid;
    grid-template-areas: "block1 block2 block3 block4"
                         "block5 block5 block6 block7"
                         "block8 block9 block10 block11";
    -ms-grid-columns: minmax(0, 1fr) 30px minmax(0, 1fr) 30px minmax(0, 1fr) 30px minmax(0, 1fr);
    grid-template-columns: repeat(4, minmax(0, 1fr));
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    grid-gap: 30px;
}
.gridWrapp div {
    background-color: #F2F4F7;
    border-radius: 10px;
    padding: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    row-gap: 6px;
}
.gridWrapp div span {
    font-size: 16px;
    font-family: 'Cera Regular';
}
.gridWrapp div span strong {
    font-size: 18px;
    font-family: 'Cera Bold';
}
.gridWrapp div:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: block1;
}
.gridWrapp div:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: block2;
}
.gridWrapp div:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    grid-area: block3;
}
.gridWrapp div:nth-child(4) {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
    grid-area: block4;
}
.gridWrapp div:nth-child(5) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-area: block5;
    display: block;
}
.gridWrapp div:nth-child(5) span {
    display: block;
    width: 69%;
}
.gridWrapp div:nth-child(5) span:nth-child(2) {
    margin-bottom: 6px;
}
.gridWrapp div:nth-child(6) {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
    grid-area: block6;
}
.gridWrapp div:nth-child(7) {
    -ms-grid-row: 3;
    -ms-grid-column: 7;
    grid-area: block7;
}
.gridWrapp div:nth-child(8) {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    grid-area: block8;
}
.gridWrapp div:nth-child(9) {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
    grid-area: block9;
}
.gridWrapp div:nth-child(10) {
    -ms-grid-row: 5;
    -ms-grid-column: 5;
    grid-area: block10;
}
.gridWrapp div:nth-child(11) {
    -ms-grid-row: 5;
    -ms-grid-column: 7;
    grid-area: block11;
}
.otklonitImg {
    width: 110px;
    float: right;
    margin-left: 44px;
}
.uvedomlenieImg {
    width: 107px;
    margin-top: 10px;
}
@media all and (max-width: 1200px) {
    #kakZaszhititSebya > .wrapper {
        padding: 0 25px;
    }
}
@media all and (max-width: 900px) {
    .gridWrapp {
        -ms-grid-rows: auto 30px auto 30px auto 30px auto 30px auto 30px auto;
        grid-template-areas: "block1 block2"
                             "block3 block4"
                             "block5 block5"
                             "block6 block7"
                             "block8 block9"
                             "block10 block11";
        -ms-grid-columns: minmax(0, 1fr) 30px minmax(0, 1fr);
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media all and (max-width: 510px) {
    .gridWrapp {
        -ms-grid-rows: auto 30px auto 30px auto 30px auto 30px auto 30px auto 30px auto 30px auto 30px auto 30px auto 30px auto;
        grid-template-areas: "block1"
                             "block2"
                             "block3"
                             "block4"
                             "block5"
                             "block6"
                             "block7"
                             "block8"
                             "block9"
                             "block10"
                             "block11";
        -ms-grid-columns: minmax(0, 1fr);
        grid-template-columns: repeat(1, minmax(0, 1fr));
        grid-auto-rows: minmax(-webkit-min-content, -webkit-max-content);
        grid-auto-rows: minmax(min-content, max-content);
        grid-gap: 0;
        grid-row-gap: 30px;
    }
}
@media all and (max-width: 423px) {
    .otklonitImg {
        float: unset;
        margin-left: 0;
        margin-bottom: 20px;
    }
    .gridWrapp div:nth-child(5) span {
        width: auto;
    }
}