/* Contenitore principale del libro */
.bookContainer{
    width:500px;
    height:auto;
    min-height: 700px;
    display: block;
    margin: auto;
    border:solid 20px  #F7F6F4 ;
    margin-top: 80px;
    transition: all 1s;
    padding-bottom: 30px;
    background: url("../resources/book.jpg");
    background-size: cover;
    background-position: center;
}
/* Box con poesia/testo breve */
.miniP{
    display: block;
    width: 300px;
    margin: auto;
    background:  #F7F6F4 ;
    text-align: center;
    font-size: 20px;
    padding: 10px;
    margin-top: 52px;
    color: #444444 ;
}
/* Contenitore del paragrafo descrittivo */
.littleDescription{
    width: 1000px;
    height: auto;
    margin: auto;
    background:  #F7F6F4 ;
    margin-top: 52px;
    padding-bottom: 30px;
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
/* Titolo principale della sezione */
.titolo{
    padding-top: 15px;
    font-size: 35px;
    text-align: center;
    color: #744112;
    letter-spacing: 5px;
}
/* Sottotitolo della sezione */
.titolo2{
    letter-spacing: 5px;
    padding-top: 15px;
    font-size: 25px;
    text-align: center;
    color: #744112;
}
/* Testo del paragrafo del libro */
.paraLibro{
    padding-right: 20px;
    padding-left: 20px;
    text-align: center;
    color: #444444;
    font-size: 25px;
}

/* Mini copertina del libro */
.copertina{
    width: 140px;
    height: 160px;
    margin:auto;
    background: url(../resources/miniLibro.jpg);
    background-size: cover;
}

@media only screen and (max-width:600px){
    /* Contenitore libro su mobile */
    .bookContainer{
        width:90%;
        height: auto;
        min-height: 500px;
        border:solid 15px  #F7F6F4 ;
    }
    /* Titolo principale su mobile */
    .titolo {
        font-size: 20px;
    }
    /* Sottotitolo su mobile */
    .titolo2{
        font-size: 15px;
    }
    /* Contenitore paragrafo su mobile */
    .littleDescription{
        width:90%;
        height: auto;
        padding-bottom: 30px;
    }
    /* Testo paragrafo su mobile */
    .paraLibro{
        font-size: 18px;
    }
}

@media only screen and (min-width:600px) and (max-width:1024px){
    /* Contenitore libro su tablet */
    .bookContainer{
        width:90%;
        height: auto;
        min-height: 1000px;
        border:solid 15px  #F7F6F4 ;
    }
    /* Contenitore paragrafo su tablet */
    .littleDescription{
        width:90%;
        height: auto;
        padding-bottom: 30px;
    }
}