* { margin: 0px; }
* { padding: 0px; }

.download{
    position: fixed;   
    bottom: 0;
    right: 0;
    margin-right: 10em;
    margin-bottom: 10em;
}

.download a{
    color: blue;
}

.wrapper_book{
    width: 694px;
    height: 1000px;
    margin: 100px auto;
    border: 1px dotted lightgray;
    box-shadow: 0 0 10px 10px rgba(0,0,0,.1);
}

.wrapper_book_up{
    width: 694px;
    height: 404px;
    margin-left: auto;
    margin-right: auto;
}

.wrapper_book_center{
    width: 694px;
    height: 493px;
    margin-left: auto;
    margin-right: auto;
    background-color: #8BAC15;
    background-image: url(./layout_position_images/dog.png);                                    /* вставляем фотожабу */
    background-size: 355px auto;
    background-position: 292px 101px;
    background-repeat: no-repeat;
}

.wrapper_book_down{
    width: 694px;
    height: 103px;
    margin-left: auto;
    margin-right: auto;
    background-color: #306902;
    background-image: url(./layout_position_images/piter.png);
    background-repeat: no-repeat;
    background-size: 44px auto;
    background-position: 510px 30px;
}

.novaya{
   width: 217px;
   height: 54px; 
   background-image: url(./layout_position_images/new.png);
   background-size: contain;
   background-repeat: no-repeat;
   position: relative;
   left: 426px;
}

.big_book{
    font-size: 65px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    margin-top: 5px;
}

.my_css{
    font-size: 180px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: right;
    margin-top: -10px;
    margin-right: 45px;
}

.oreilly{
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 400;
    margin-left: 45px;
    padding-top: 30px;
    float: left;
}

.white_color{
    color: white;
}

.sign{
    font-size: 10px;
    vertical-align: super;
}

.piter{
    float: right;
    font-size: 28px;
    font-style: italic;
    font-weight: 600;
    text-transform: uppercase;
    padding-right: 30px;
    padding-top: 30px;
}

.author{
    width: 447px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 26px;
    border-radius: 5px 0 0 5px;
    letter-spacing: 11px;
    background-color: black;
    color: #8BAC15;
    position: relative;
    left: 247px;
    top: -614px;
}

.orinal_book{
    width: 347px;
    height: 530px;
    background-size: 100% auto;
    position: absolute;
    top: 100px;
    left: calc(50% + 397px);
    box-shadow: 0 0 10px 10px rgba(0,0,0,.1);    
}

.orinal_book figcaption{
    text-align: center;
    font-style: italic;
}

.orinal_book:hover{
    transform: scale(1.25) translateY(54px);
    transition: 1s;
}