.book-background {
    /*    padding-top: 60px;*/
    padding-bottom: 10px;
    /*    padding-left: 40px;
    padding-right: 40px;*/
    background-color: #f5f5f5;
}

.memory-book {
    width: 100%;
    height: 800px;
}

.memory-book-item-left {
    height: 100%;
    width: 50%;
    float: left;
    background: url(../Files/sol-defter.png);
    background-repeat: no-repeat;
    background-position: 25% 25%;
    background-size: cover;
    float: left;
}


    .memory-book-item-left div {
        /*    padding: 20px;*/
    }

.memory-book-item-right {
    overflow: hidden;
    height: 100%;
    width: 50%;
    float: left;
    background: url(../Files/sag-defter.png);
    background-repeat: no-repeat;
    background-position: 25% 25%;
    background-size: cover;
    float: left;
}

    .memory-book-item-right div {
        /*padding: 20px;
        z-index: 2;*/
    }

.background_bg {
    /*background: url(https://res.cloudinary.com/dcysrqex1/image/upload/v1594462853/ozqrp7imnzjm9azbenvo.png);*/
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
    height: 100%;
    width: 100%;
}

.preview_background_bg {
    width: 100%;
    height: 326px;
    /*    border-radius: 150px;
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;*/
}

.preview_background_bg_kapak {
    width: 100%;
    height: 500px;
}

.slider-itemm {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}

.hide-comp {
    display: none;
}

.full-area {
    height: 100%;
    width: 100%;
    position: absolute;
}

.full-area-sub {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
}

.full-area div.text-area {
    padding-top: 3%;
    padding-bottom: 3%;
    padding-right: 10%;
    padding-left: 10%;
}

        .full-area div.text-area p {
            font-size: 18px;
            font-size: 1rem;
            line-height: 38.4px;
            line-height: 1.8rem;
            -webkit-font-feature-settings: "kern" 1;
            font-feature-settings: "kern" 1;
            -webkit-font-kerning: normal;
            font-kerning: normal;
            font-weight: 400;
            letter-spacing: 0.1px;
            color: #5d5d5d;
            text-align: center
        }


.full-area-footer {
    margin: 0;
    position: absolute;
    bottom: 0;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
}

.full-area-footer-left {
    width: 50%;
    padding-top: 3%;
    padding-bottom: 2%;
    padding-right: 10%;
    padding-left: 10%;
    float: left
}

    .full-area-footer-left p {
        text-align: left;
        font-weight: 500;
    }

.full-area-footer-right {
    width: 50%;
    padding-top: 3%;
    padding-bottom: 2%;
    padding-right: 10%;
    padding-left: 10%;
    float: right
}

    .full-area-footer-right p {
        text-align: right;
        font-weight: 500;
    }

.full-area-header {
    margin: 0;
    position: absolute;
    top: 0;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;

    padding-top: 15%;
    padding-bottom: 3%;
    padding-right: 10%;
    padding-left: 10%;
}

.memory-book-item-left .full-area-header p {
    text-align: left;
    font-weight: 400;
}

.memory-book-item-right .full-area-header p {
    text-align: right;
    font-weight: 400;
}

.full-area-footer-diary-message {
    float: left;
    width: 100%;
}

    .full-area-footer-diary-message p {
        text-align: center;
        font-weight: 900;
    }


.content-pagination-button {
    position: relative;
    justify-content: center;
    align-items: center;
    display: flex;
    width: 10%;
    height: auto;
    margin-left: 20px;
    margin-top: 20px;
    border: none;
    background-color: #f7b505;
    font-size: 23px;
    font-size: 1.4375rem;
    line-height: 36.8px;
    line-height: 2.3rem;
    -webkit-font-feature-settings: "kern" 1;
    font-feature-settings: "kern" 1;
    -webkit-font-kerning: normal;
    font-kerning: normal;
    font-weight: 300;
    color: #fff;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}




/*@media only screen and (max-width: 600px) {
    .memory-book {
        width: 100%;
        min-height: 800px;
    }

    .full-area-sub {
        margin: 0;
        position: absolute;
        top: 40%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100%;
    }

    .full-area div.text-area p {
        font-size: 18px;
        font-size: 0.8rem !important;
        line-height: 38.4px;
        line-height: 1.25rem;
        -webkit-font-feature-settings: "kern" 1;
        font-feature-settings: "kern" 1;
        -webkit-font-kerning: normal;
        font-kerning: normal;
        font-weight: 400;
        letter-spacing: 0.1px;
        color: #5d5d5d;
        text-align: center
    }

    .full-area-footer-left {
        width: 100%;
        float: left
    }

    .full-area-footer-right {
        width: 100%;
        float: left
    }

        .full-area-footer-right p {
            text-align: center;
            font-weight: 500;
            font-size: 0.6rem !important;
            line-height: 1rem;
        }

    .full-area-footer-left p {
        text-align: center;
        font-weight: 500;
        font-size: 0.6rem !important;
        line-height: 1rem;
    }

    .full-area-footer-diary-message {
        float: left;
        width: 100%;
    }

        .full-area-footer-diary-message p {
            text-align: center;
            font-weight: 900;
            font-size: 0.6rem !important;
        }

    .full-area-header {
        margin: 0;
        position: absolute;
        top: 0;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100%;
        padding-top: 35%;
        padding-bottom: 3%;
        padding-right: 10%;
        padding-left: 10%;
    }

    .memory-book-item-left .full-area-header p {
        text-align: center;
        font-weight: 400;
    }

    .memory-book-item-right .full-area-header p {
        text-align: center;
        font-weight: 400;
    }
}*/

.memory-link:hover {
    background-color: #000000;
}

/*.memory-link hover {
    background-color: #f5f5f5;
    padding: 10px;
    border: 10px solid;
    border-color: #f5f5f5;
    border-radius: 15px;
}*/

.memory-book-item-right .full-area-header .full-header-left {
    text-align: right;
    font-weight: 400;
}

.full-header-left {
    text-align: right;
    font-weight: 400;
    float: left
}

.full-header-right {
    text-align: right;
    font-weight: 400;
    float: right
}