@font-face {
    font-family: 'Avenir Next Cyr';
    src: url('../../fonts/AvenirNextCyr-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir Next Cyr Bold';
    src: url('../../fonts/AvenirNextCyr-Bold.ttf');
    font-weight: normal;
    font-style: normal;
}

:root {
    --font-size: 18px;
    --font-middle-size: 16px;
    --font-small-size: 14px;
    --font-weight: normal;
    --font-family: 'Avenir Next Cyr', sans-serif;
    --font-bold-family: 'Avenir Next Cyr Bold', sans-serif;

    --font-collor: rgba(0, 0, 0, 1);
    --font-head-collor: rgba(255, 255, 255, 1);

    --background-color: rgba(255, 250, 236, 1); /*≈*/
    --background-head-color: rgba(134, 131, 124, 0.6); /*#939089*/

    --height-head: 100px;
    --height-footer: 130px;

    --button-color: rgb(240, 0, 40);
    --button-text-color: rgb(255, 255, 255);
    --button-hover-color: rgb(204, 2, 36);

    --img-lg-size: 50px;
    --img-md-size: 40px;
    --img-sm-size: 30px;
}

.offer-for-author-content {

    font-family: var(--font-family);
    font-size: var(--font-size);
    font-weight: var(--font-weight);
    color: var(--font-collor);

    background: var(--background-color);
            /*0 0 / 100px repeat url("https://babydayka.com/assets/img/memories-background.png");*/

    text-align: center;
}

.offer-for-author-content .font-bold {
    font-family: var(--font-bold-family);
}

.offer-head {
    height: var(--height-head);
    background-color: var(--background-head-color);
    color: var(--font-head-collor);
}

.offer-body {
    height: auto;
    background-color: var(--background-color);
}

.offer-footer {
    height: var(--height-footer);
    background-color: var(--background-head-color);
    color: var(--font-head-collor);
}

.offer-footer-end {
    height: auto;
    background-color: var(--background-color);
}

.offer-for-author-content .title {
    text-shadow: 1px 1px 4px rgba(0,0,0,0.5);
    padding: 20px;
}

.offer-for-author-content .block {
    height: fit-content;
    padding: 25px;
}

.offer-for-author-content .offer-footer-end .block {
    height: fit-content;
    padding: 10px;
}

.offer-for-author-content .block>img {
    width: var(--img-lg-size);
    margin-left: 20px;
    margin-right: 20px;
}

.offer-for-author-content .block .cub {
    width: 60px;
}

.offer-for-author-content .title h2, .offer-for-author-content .title h3 {
    margin-top: 0;
    margin-bottom: 5px;
}

.offer-for-author-content hr {
    border: 0;
    border-top: 1px solid;
    width: 20%;
}

.offer-for-author-content .reference {
    color: darkgray;
    font-size: 90%;
}

.offer-for-author-content button {
    color: var(--button-text-color);
    border-color: var(--button-color);
    background-color: var(--button-color);
    font-size: 18px;
    padding: 10px 26px;
    border-radius: 7px;
    outline:none;
}

.offer-for-author-content button:hover, .offer-for-author-content button:active{
    color: var(--button-text-color);
    border-color: var(--button-hover-color);
    background-color: var(--button-hover-color);
    outline:none;
}

.offer-for-author-content .list-title {
    margin-bottom: 30px;
}

.offer-for-author-content .list-number {
    margin-top: 10px;
    margin-bottom: 10px;
}

.offer-for-author-content .list-value {
    margin-bottom: 20px;
}

.offer-for-author-content .sign-up-btn {
    padding-left: 50px;
    padding-right: 50px;
    margin-bottom: 20px;
}

.offer-for-author-content .link {
    color: var(--button-color);
    text-decoration: underline;
}

.offer-for-author-content .link:hover {
    color: var(--button-hover-color);
    border-color: var(--button-hover-color);
    background-color: rgba(0,0,0,0);
}

.offer-for-author-content .icons {
    padding-top: 10px;
}

.offer-for-author-content .soc-icon {
    display: inline-block;
    margin-left: 17px;
    margin-right: 17px;
}

.offer-for-author-content .vk, .offer-for-author-content .facebook {
    width: 45px;
}

.offer-for-author-content .instagram {
    width: 38px;
}

.offer-for-author-content .trade-mark-block a {
    color: darkgray;
    text-decoration: none;
    font-size: 90%;
}

.offer-footer {
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
}

.offer-for-author-content .offer-footer-end .contact {
    padding-top: 30px;
}


/*@media (max-width: 900px) {*/

/*    .offer-head {*/
/*        --height-head: 94px;*/
/*    }*/

/*    .offer-for-author-content {*/
/*        font-size: var(--font-middle-size);*/
/*    }*/

/*    .offer-for-author-content button {*/
/*        font-size: var(--font-middle-size);*/
/*        padding: 10px 26px;*/
/*        border-radius: 7px;*/
/*    }*/

/*    .offer-for-author-content .block>img {*/
/*        width:  var(--img-md-size);*/
/*    }*/

/*    .offer-for-author-content .block .cub {*/
/*        width: 50px;*/
/*    }*/

/*    h2 {*/
/*        font-size: 26px;*/
/*    }*/

/*    h3 {*/
/*        font-size: 22px;*/
/*    }*/

/*    h4 {*/
/*        font-size: 16px;*/
/*    }*/

/*    hr {*/
/*        width: 35% !important;*/
/*    }*/
/*}*/

/*@media (max-width: 400px) {*/

/*    .offer-head {*/
/*        --height-head: 88px;*/
/*    }*/

/*    .offer-for-author-content {*/
/*        font-size: var(--font-small-size);*/
/*    }*/

/*    .offer-for-author-content button {*/
/*        font-size: var(--font-small-size);*/
/*        padding: 10px 26px;*/
/*        border-radius: 7px;*/
/*    }*/

/*    .offer-for-author-content .block>img {*/
/*        width:  var(--img-sm-size);*/
/*    }*/

/*    .offer-for-author-content .block .cub {*/
/*        width: 40px;*/
/*    }*/

/*    h2 {*/
/*        font-size: 22px;*/
/*    }*/

/*    h3 {*/
/*        font-size: 18px;*/
/*    }*/

/*    h4 {*/
/*        font-size: 14px;*/
/*    }*/

/*    hr {*/
/*        width: 65% !important;*/
/*    }*/
/*}*/