.mainBook {
    overflow: hidden;
}

@media screen and (min-width: 1300px) {
    #bb-bookblock{
        position: relative;
    }
    
    .book-head {
        margin-top: 0%;
    }
    
    .hoveret{
        display: none;
    }

}

@media screen and (min-width: 1400px) {

    .hugImage-even {
        margin-right: -8%; 
    }

    .hugImage-odd {
        margin-right: 0%;
        margin-top: -17%;
    }

    .hugName-odd {
        margin-left: 2%;
        padding-right: 0%;
    }

    .hugName-even {
        background-size: 100%;
    }

    .hugName {
        height: 13vh; 
    }

    .hugInfo-even {
        margin-right: 6%;
    }

    .hugInfo-odd {
        margin-top: -6%;
        margin-left: -7%;
    }
}

@media screen and (min-width: 992px) {
    .hugbox {
        width: auto;
        height: 41%;
    }

    .hugImage-even{
        -webkit-mask-image: url(../images/right-pic.svg);
        -webkit-mask-size: 100%;
        -webkit-mask-repeat: no-repeat;
        margin-right: -6%;
        margin-top: 0.7%;
    }

    .hugImage {
    /* width: 310px; */
    /* height: 250px; */
    max-width: 50%;
    object-fit: contain;
    height:unset;

    }

    .hugImage-odd{
        -webkit-mask-image: url(../images/left-pic.svg);
        -webkit-mask-size: 100%;
        -webkit-mask-repeat: no-repeat;
        float: right;
        margin-top: -11.5%;
    }

    .hugName-even{
        background-image: url(../images/right-wing.svg);
    background-size: 100%;
        background-repeat: no-repeat;
        padding-left: 10%;
        padding-top: 2%;
        padding-right: 11%;
    }

    .hugName-odd{
        background-image: url(../images/left-wing.svg);
    background-size: 100%;
        background-repeat: no-repeat;
        float: left;
        margin-left: 10%;
        padding-top: 2%;
        padding-right: 14%;
        padding-left: 3%;
    }

    .hugName {
        height: 11vh;
        width: 53%;
        color: #565755;
        text-align: center;
        font-size: 2.5em;
    }

    .hugInfo-odd{
        float: left;
        margin-top: -3vh;
        margin-left: -44%;
    }

    .hugInfo-even{
        float: right;
        margin-top: -20%;
        margin-right: 14;
    }

    .hugInfo {
        padding-left: 45%;
        font-size: 2.5em;
        color: white;
        padding-right: 1%;
        padding-top: 4%;
    }

    .logoImage{
        margin-right: 40%;
    }

    .mercazName {
        margin-right: 34%;
    }
}

@media screen and (min-width: 2000px) {

    .hugImage-even {
        margin-top: 0.4%;
        margin-right: -13%;
        margin-right: 11%;
    }

    .hugName-even {
        background-position: 105px 0px;
    }

    .hugName-odd {
        margin-left: 33%;
        padding-right: 25%;
    }

    .hugInfo {
        padding-left: 24%;
    }

    .hugInfo-even {
        margin-top: -16%;
        margin-right: 8%;
    }

    .hugInfo-odd {
        margin-top: -6%;
        margin-left: 6%;
    }

}