.viaggio{
    margin-top: 1rem;
}

.viaggio:first-child, .viaggio:nth-child(4), .viaggio:nth-child(7),.viaggio:nth-child(10),.viaggio:nth-child(13){
    overflow: auto;
    height: auto;
    margin-left: 1.5rem;
}

.viaggio:last-child {
    overflow: auto;
    height: auto;
    margin-right: 0;
}
.viaggio:nth-child(3), .viaggio:nth-child(6), .viaggio:nth-child(9),.viaggio:nth-child(12),.viaggio:nth-child(15){
    overflow: auto;
    height: auto;
    margin-right: 0.5rem;
}

/*.viaggio .copertina{
    overflow: auto;
    height: 16.24rem;
    width: 16.24rem;
}*/

.viaggio .copertina span {
    /*position: absolute;*/
}

.wrapper-viaggi {
    height: auto;
    padding-bottom: 1rem;
    padding-top: 1rem;
}

div#viaggiID {
    height: auto;
    overflow: auto;
}


@media only screen and (max-width: 1019px) and (min-width: 0px) {
    .viaggio:first-child, .viaggio:nth-child(4), .viaggio:nth-child(7),
    .viaggio:nth-child(10), .viaggio:nth-child(13),.viaggio {
        margin: 0;
    }
    span#span1 {
        display: none;
    }

    .viaggio .copertina{
        width: 100%;
    }

    span#span3 {
        margin-top: 19rem;
        margin-left: 1rem;
    }
    .wrapper-viaggi{

        margin-top: 3rem;
    }
}


@media only screen and (max-width: 1020px) and (min-width: 900px) {
    .title-viaggi .title {
        font-size: 1.9rem;
    }
}

@media only screen and (max-width: 900px) and (min-width: 750px) {
    .title-viaggi .title {
        font-size: 1.5rem;
    }
}

@media only screen and (max-width: 750px) and (min-width: 650px) {
    .title-viaggi .title {
        font-size: 1.3rem;
    }
}

@media only screen and (max-width: 650px){
    .title-viaggi .title {
        font-size: 1rem;
    }
}

@media only screen and (max-width: 320px)  {
    span#span3 {
        margin-top: 19.5rem;
    }
}