/*SLIDER*/
#BigPackSection {
    width: 770px;
    max-width: 770px;
    margin: 0 auto;
    overflow: hidden;
}
#anima2{
    display: none;
}
#anima{
    width: 900px;
    max-width: 100%;
    height: 300px;
    text-align: center;
    overflow: hidden;
    margin: 0 auto;
    border-radius: 20px;
    z-index: 20;
    position: relative;
    margin-top: 130px;
}
#anima2{
    width: 451px;
    max-width: 100%;
    height: 345px;
    text-align: center;
    overflow: hidden;
    margin: 0 auto;
    z-index: 20;
    position: relative;
}

@media (max-width: 450px){
    #anima{
        display: none;
    }
    #anima2{
        display: block;
    }
}
.cycle{
    text-align: center;
    margin: 0 auto;
}
#anima img{
    filter: brightness(.5);
}
#anima p{
    z-index: 22;
    font-size: 60px;
    text-align: center;
    position: absolute;
    color: rgb(219,177,137);
    font-family: 'Satisfy', cursive;
    font-weight: bold;
}
#anima2 p{
    z-index: 99;
    font-size: 60px;
    text-align: center;
    position: absolute;
    color: rgb(219,177,137);
    font-family: 'Satisfy', cursive;
    font-weight: bold;
}
#anima2 p{
    font-family: 'Satisfy', cursive;
    font-weight: bold;
    font-size: 12vw;
}
#friends{
    color: #ccc;
}
#sunrises{
    color: rgb(219,177,137);
}
#boat-trips{
    color: rgb(219,177,137);
    margin-top: 190px;
} 
#parties{
    color: rgb(219,177,137);
}
#food{
    color: rgb(219,177,137);
}
#dolphins{
    color: rgb(219,177,137);
}
#snorkels{
    color: rgb(219,177,137);
}
.words-div{
    width: 100%;
    position: absolute;
}

/* wording margins ----- ANIMA 1*/
#friends{
    margin-top: 335px;
    margin-left: 100px;
}
#sunrises{
    margin-left:20px;
}
#islands{
    margin-top: 100px;
    margin-left: 10%;
}
#snorkels{
    margin-top: 50px;
    margin-left: 30%;
}

#dolphins{
    margin-left: 20%;
    margin-top: 150px;
}
#parties{
    margin-left: 60%;
}
/* wording margins ----- ANIMA 2*/
#friends-b{
    margin-top: 335px;
    text-align: center;
    color: rgb(200, 190, 181);
}
#sunrises-b{
    margin-top: 25px;
    text-align: center;
    color: rgb(200, 190, 181);
}
#islands-b{
    margin-top: 335px;
    text-align: center;
    color: rgb(200, 190, 181);
}
#snorkels-b{
    margin-top: 25px;
    text-align: center;
    color: rgb(200, 190, 181);
}

#dolphins-b{
    text-align: center;
    margin-top: 335px;
    color: rgb(200, 190, 181);
}
#parties-b{
    text-align: center;
    margin-top: 20px;
    color: rgb(200, 190, 181);
}