.web-banner
{
    width: 100%;
}

.content
{
    position: relative; 
    padding-bottom: 75px;
}

.book-content
{
    position: relative; 
    padding-bottom: 75px;
    background: rgb(255,255,255);
    background: linear-gradient(3deg,  rgba(167,99,191,1) 0%, rgba(23,30,49,1) 75%, rgba(23,30,49,0.577468487394958) 100%);
    width: 100%; 
    display: flex;
    padding-bottom: 25px;
}

.book-cover
{
    height: 500px; 
    margin-left: 100px;
}

.book-right-content
{
    margin-left: 25px; 
    margin-right: 25px;
}

.book-text-title
{
    font-weight: bold;
    font-size: 24px;
    color: white;
}

.book-text-content
{
    font-size: 20px;
    color: white;
    margin-left: 25px; 
    margin-right: 25px;
}

.review-img
{
    position: relative;
    width: 100%;
    display: block;
    
}

.text-slides
{
    margin-left: auto; 
    margin-right: auto;
    width: 100%;
    height: auto;
    max-width: 600px;
}

@media screen and (min-width: 0px)
{
    .logo-img
    {
        width: 50vw; 
        position: absolute; 
        top: 5vh; 
        left: 15vw;
    }

    .logo-img-2
    {
        width: 25vw; 
        position: absolute; 
        top: 135px; 
        left: 50px;
    }

    .book-content
    {
        width: 100%;
        text-align: center;
        display: block;
    }

    .book-cover
    {
        width: 100%;
        height: auto;
        max-width: -webkit-fill-available;
        margin-top: 10px;
        margin-left: 0px;
    }

    .about-content
    {
        width: 100%; 
        display: block; 
        text-align: center;
        background: linear-gradient(3deg,  rgba(167,99,191,1) 1%, rgba(23,30,49,1) 75%, rgba(23,30,49,0.577468487394958) 100%); 
        padding-bottom: 25px;
    }

    .about-img
    {
        width: 128px;
        height: auto; 
        margin-left: 0px; 
        margin-top: 10px; 
        -webkit-filter: drop-shadow(0px 0px 10px #62C7E9)!important;
        filter: drop-shadow(0px 0px 10px #62C7E9)!important;
    }

    .order-banner
    {
        margin-bottom: 25px;
    }

    .text-slides
    {
        width: 300px;
    }
}

    

@media screen and (min-width: 750px)
{
    .logo-img
    {
        width: 50vw; 
        position: absolute; 
        top: 15vh; 
        left: 15vw;
    }

    .logo-img-2
    {
        width: 25vw; 
        position: absolute; 
        top: 330px; 
        left: 150px;
    }

    .book-right-content
    {
        margin-left: 20%;
        margin-right: 20%;
    }

    .book-cover
    {
       width: 100%;
       height: auto;
       max-width: 600px;
    }

    .text-slides
    {
        width: 100%;
       height: auto;
       max-width: 600px;
    }
}

@media screen and (min-width: 1350px)
{
    .logo-img
    {
        width: 50vw; 
        position: absolute; 
        top: 15vh; 
        left: 15vw;
    }

    .logo-img-2
    {
        width: 25vw; 
        position: absolute; 
        top: 500px; 
        left: 150px;
    }

    .content
    {
        display: block;
    }

    .book-content
    {
        display: flex;
    }

    .book-right-content
    {
        display: inline-block;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 200px;
        max-width: 400px;
    }

    .book-cover
    {
       width: 100%;
       height: auto;
       max-width: 1100px;
       display: inline-block;
       margin-top: 0px;
    }
}