.content {
    --content-padding: 1rem;
    padding: 0 1rem;
    padding: 0 var(--content-padding);
    box-sizing: border-box;
    max-width: 1016px;
    margin: 0 auto;
    position: relative
}

@media (width>=600px) {
    .content {
        --content-padding: 4rem
    }
}

@media (width>=900px) {
    .content {
        --content-padding: 1.5rem
    }
}

.content.content-thin {
    max-width: 600px
}

@media (width>=900px) {
    .content.content-thin {
        max-width: 800px
    }
}

@media (max-width:575px) {
    
    
.book-top-side img {
    width: 100px !important;
}

.app-container .env img {
    display: none;
}

.banner-cta button {
    margin-bottom: 20px;
}

.bring-story h2 {font-size: 22px !important;;
    
}
    .app-container .cta-group .cta-btn {
        width: 100%;
    }

}    
    
.content.content-wide {
    max-width: 1160px
}


.app-container {
    overflow: hidden;
}


.book-top-side.left-side-book {
    position: absolute;
    z-index: 20;
    top: 0;
    left: 0;
}

.book-top-side.left-side-book img {
    width: 190px;
    transform: rotate(140deg);
}
.book-top-side.right-side-book {
    position: absolute;
    z-index: 20;
    top: 0;
    right: 0;
}

.book-top-side.right-side-book img {
    width: 190px;
    transform: rotate(214deg);
}
.bring-story {
    margin-top: 130px;
    position: relative;
    z-index: 50;
}

.bring-story h2 {
    font-size: 35px;
    text-align: center;
    color: black;
    font-weight: 800;
}