@import url("custom.css");

/* ----------------------------------------  Index Banner ------------------------------------------ */
.index-banner {
    background: url("../img/banner/banner-home-cayman-islands-beach.webp") no-repeat;
    background-position-y: 90%;
    background-position-x: 10%;
    background-size: auto;
    max-height: 844px;
}

.text-top-index {
    margin-left: 22%;
    margin-bottom: 10%;
}

.text-aroud-size{
    font-size: 0.8rem;
}

.text-bottom-index {
    margin-left: 34%;
    margin-top: -4%;
    line-height: 2;
}

.text-middle-index {
    font-size: 9rem;
    transform: translateY(-40px);
}

/* ----------------------------------------  We Create Experiences - Section ------------------------------------------ */
.h-18 {
    height: 18rem;
}

.mn-60-top {
    margin-top: -60px !important;
}

.wx-p {
    max-width: 1400px;
}

.text-create-p {
    font-size: 1.5rem;
}

.w-fix-300{
    width: 250px !important;
}

/* ----------------------------------------  Private Experience Cayman - Section ------------------------------------------ */

.private-banner-h {
    height: 100vh;
}

.private-experience-div {
    flex-direction: column;
    margin: 0;
    padding: 0;
}


.private-banner {
    background: url("../img/general/boat-with-stingrays.webp") no-repeat;
    background-position-x: 47%;
    background-position-y: top;
    background-size: auto;
    padding: 7rem 4rem 0;
}

.blue-div {
    padding: 40px 36px;
    width: 100%;
}

.text-experience-p {
    font-size: 7rem;
}

.text-around-p {
    font-size: 0.8rem;
}

.max-w-p {
    max-width: 800px;
}


.text-private-p {
    font-size: 1.5rem;
}

.mb-p {
    margin-bottom: 0rem;
}

.w-100-p {
    max-width: 100vw !important;
}

/* ---------------------------------------- Paradise - Section ------------------------------------------ */

.paradise-banner {
    background: url("../img/banner/boat-sailling.webp") no-repeat;
    background-position-y: 20%;
    background-position-x: 50%;
    background-size: cover;
}

.text-paradise-p {
    font-size: 8rem;
}

.paradise-div{
    margin-bottom: 5rem;
}

/* ---------------------------------------- Specialized local team - Section ------------------------------------------ */

.banner-horse {
    background-image: url("../img/banner/banner-horseback-ridding-on-the-beach.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 40rem;
    height: 21vh;
}

.text-team {
    font-size: 7rem;
    margin-left: -25px;
}

/* ---------------------------------------- Brochure - Section ------------------------------------------ */

.img-brochure {
    margin-top: 30%;
    height: 300px;
    top: -200px;
    left: 50%;
    transform: translateX(-50%);
    max-width: 100vw;
}

.download-section {
    padding: 140px 20px 60px;
    max-width: 750px;
    margin: 130px auto 50px;
    width: 90%;
}

.l-normal-spacing-p {
    letter-spacing: 9px;
}

.text-download-p {
    font-size: 6rem;
}

.text-brochure-p {
    font-size: 0.7rem;
}

/* ---------------------------------------- Get in touch - Section ------------------------------------------ */
.text-touch {
    font-size: 95px;
}

.text-get{
    font-size: 2rem;
}

.section-get-in {
    margin-right: 0px;
}

.get-in-touch-img {
    width: 100%;
}

.dispaly-p {
    display: flex;
    flex-direction: column-reverse;
}



@media (min-width: 375px) {

    /* ----------------------------------------  Index Banner ------------------------------------------ */
    .index-banner{
        background-position-y: 90%;
        background-position-x: 10%;
        background-size: auto;
        max-height: 844px;
    }

    .text-top-index {
        margin-left: -1rem;
        margin-bottom: 12%;
    }

    .text-aroud-size{
        font-size: 0.8rem;
    }

    .text-bottom-index {
        margin-left: 6rem;
        margin-top: -3%;
    }

    .text-middle-index {
        font-size: 10rem;
        transform: translateY(-40px);
    }

    .text-sm-normal {
        font-size: 0.8rem;
    }

    /* ----------------------------------------  We Create Experiences - Section ------------------------------------------ */
    .text-create-p {
        font-size: 1.5rem;
    }

    /* ----------------------------------------  Private Experience Cayman - Section ------------------------------------------ */

    .text-experience-p {
        font-size: 8rem;
    }

    .text-around-p {
        font-size: 1.5rem;
    }

    /* .private-banner {
        height: 120vh;
    } */


    .text-private-p {
        font-size: 1.5rem;
    }

    .mb-p {
        margin-bottom: 0rem;
    }

    .w-100-p {
        max-width: 100vw !important;
    }

    /* ---------------------------------------- Paradise - Section ------------------------------------------ */

    .text-got {
        font-size: 20px;
        letter-spacing: 10px;
    }

    .text-paradise-p {
        font-size: 10rem;
    }

    .paradise-div{
        margin-bottom: 5rem;
    }

    .private-banner {
        background-position-x: 47%;
        background-size: auto;
    }

    /* ---------------------------------------- Specialized local team - Section ------------------------------------------ */

    .text-team {
        font-size: 7rem;
        margin-left: -25px;
    }

    .banner-horse {
        background-position-x: center;
    }

    /* ---------------------------------------- Brochure - Section ------------------------------------------ */

    .download-section {
        padding: 140px 20px 100px;
        margin: 250px auto;
        width: 80%;
    }

    .img-brochure {
        height: 350px;
        top: -283px;
    }

    .text-brochure-p {
        font-size: 0.8rem;
    }

    .text-download-p {
        font-size: 6rem;
    }

    .l-normal-spacing-p {
        letter-spacing: 10px;
    }

    /* ---------------------------------------- Get in touch - Section ------------------------------------------ */
    .text-touch {
        font-size: 135px;
    }

    .text-get{
        font-size: 2rem;
    }

    .div-link {
        margin: 0px 0px;
    }

    .get-in-touch-div {
        width: 100%;
    }

    .get-in-touch-img {
        width: 100%;
    }

    .dispaly-p {
        display: flex;
        flex-direction: column-reverse;
    }

    .section-get-in {
        margin-right: 0;
    }

}

@media (min-width: 576px) {

    /* ----------------------------------------  Index Banner ------------------------------------------ */
    .text-top-index {
        margin-left: 0rem;
        margin-bottom: 6%;
    }

    .text-aroud-size{
        font-size: 1rem;
    }

    .text-bottom-index {
        margin-left: 11rem;
        margin-top: 3%;
    }

    .text-middle-index {
        font-size: 15rem;
        transform: translateY(-40px);
    }

    .home-div {
        width: 460px;
    }

    .index-banner {
        max-height: 844px;
        background-position-y: 90%;
        background-position-x: 10%;
        background-size: auto;
    }

    /* ----------------------------------------  We Create Experiences - Section ------------------------------------------ */
    .text-create-p {
        font-size: 2rem;
    }

    .w-fix-300{
        width: 300px;
    }

    /* ----------------------------------------  Private Experience Cayman - Section ------------------------------------------ */

    .text-experience-p {
        font-size: 12rem;
    }

    .private-banner-h {
        height: 50rem;
    }

    .text-around-p {
        font-size: 1.5rem;
    }

    .text-private-p {
        font-size: 1.5rem;
    }

    .mb-p {
        margin-bottom: 0rem;
    }

    .w-100-p {
        max-width: 100vw !important;
    }

    .w-100-get {
        max-width: 100% !important;
    }


    /* ---------------------------------------- Paradise - Section ------------------------------------------ */
    .text-paradise-p {
        font-size: 9rem;
    }

    .text-got {
        font-size: 15px;
        letter-spacing: 15px;
    }

    .paradise-div{
        margin-bottom: 5rem;
    }

    .private-banner {
        background-position-x: 47%;
        background-size: auto;
    }

    /* ---------------------------------------- Specialized local team - Section ------------------------------------------ */

    .text-team {
        font-size: 7rem;
        margin-left: -25px;
    }

    .banner-horse {
        background-size: cover;
        height: 20vh;
    }

    /* ---------------------------------------- Brochure - Section ------------------------------------------ */

    .download-section {
        padding: 250px 0 100px;
        margin: 300px auto;
        width: 70%;
    }

    .img-brochure {
        height: 500px;
    }

    .img-brochure {
        margin-top: 0%;
    }

    .text-brochure-p {
        font-size: 1.5rem;
    }

    .text-download-p {
        font-size: 8rem;
    }

    .l-normal-spacing-p {
        letter-spacing: 10px;
    }

    /* ---------------------------------------- Get in touch - Section ------------------------------------------ */
    .text-touch {
        font-size: 135px;
    }

    .text-get{
        font-size: 2rem;
    }

    .get-in-touch-div {
        width: 100%;
        padding: 20px 0;
    }

    .get-in-touch-img {
        width: 100%;
    }

    .dispaly-p {
        display: flex;
        flex-direction: column-reverse;
    }

    .section-get-in {
        margin-right: 0;
    }


}

@media (min-width: 768px) {

    /* ----------------------------------------  Index Banner ------------------------------------------ */
    .text-top-index {
        margin-left: -3rem;
        margin-bottom: 2%;
    }

    .text-aroud-size{
        font-size: 1.2rem;
    }

    .text-bottom-index {
        margin-left: 18rem;
        margin-top: 2%;
    }
    .text-middle-index {
        font-size: 20rem;
        transform: translateY(-40px);
    }

    .index-banner {
        max-height: 1028px;
        background-position-y: 20%;
        background-position-x: left;
        background-size: auto;
    }

    /* ----------------------------------------  We Create Experiences - Section ------------------------------------------ */
    .text-create-p {
        font-size: 1.5rem;
    }

    .w-fix-300{
        width: 350px  !important;
    }


    /* ----------------------------------------  Private Experience Cayman - Section ------------------------------------------ */

    .private-banner-h {
        height: 73rem;
    }

    .private-banner {
        margin: 50px 50px 300px;
        padding: 0 20px;
        padding-top: 15rem;
        background-position-y: center;
    }

    .blue-div {
        position: absolute;
        width: 75vw;
        right: 0;
        bottom: -275px;
        padding: 68px;
        margin-top: 15rem;
    }

    .text-private-p {
        font-size: 1rem;
    }

    .text-experience-p {
        font-size: 15rem;
    }

    .text-around-p {
        font-size: 2rem;
    }

    .mb-p {
        margin-bottom: 20rem;
    }

    .w-100-p {
        max-width: 100vw !important;
    }

    /* ---------------------------------------- Paradise - Section ------------------------------------------ */
    .text-paradise-p {
        font-size: 15rem;
    }

    .text-got {
        font-size: 30px;
        letter-spacing: 17px;
    }

    .paradise-div{
        margin-bottom: 8rem;
    }

    .private-banner {
        background-position-x: 47%;
        background-size: contain;
    }

    /* ---------------------------------------- Specialized local team - Section --------------------------------------- */


    .text-team {
        font-size: 7rem;
        margin-left: -27px;
    }

    .banner-horse {
        max-width: 1200px;
        background-size: cover;
        height: 20vh;
    }

    /* ---------------------------------------- Brochure - Section ------------------------------------------ */
    .download-section {
        padding: 250px 0 100px;
        margin: 300px auto;
        width: 70%;
    }

    .img-brochure {
        height: 500px;
    }

    .img-brochure {
        margin-top: 0%;
    }

    .text-download-p {
        font-size: 10rem;
    }

    .text-brochure-p {
        font-size: 1.5rem;
    }

    .l-normal-spacing-p {
        letter-spacing: 10px;
    }

    /* ---------------------------------------- Get in touch - Section ------------------------------------------ */

    .text-touch {
        font-size: 135px;
    }

    .text-get{
        font-size: 2rem;
    }

    .get-in-touch-div {
        width: 84%;
        padding: 20px 0;
    }


    .get-in-touch-img {
        width: 60%;
        margin-bottom: -82px;
        margin-top: 2rem;
        margin-right: -123px;
        height: 65%;
    }

    .section-get-in {
        margin-right: 0px;
    }

}

@media (min-width: 992px) {

    /* ----------------------------------------  Index Banner ------------------------------------------ */
    .text-top-index {
        margin-left: 2rem;
        margin-bottom: 2%;
    }

    .text-aroud-size{
        font-size: 1.4rem;
    }

    .text-bottom-index {
        margin-left: 23rem;
        margin-top: 2%;
    }

    .text-middle-index {
        font-size: 20rem;
        transform: translateY(-40px);
    }

    .index-banner {
        max-height: 1080px;
    }

    /* ----------------------------------------  We Create Experiences - Section ------------------------------------------ */

    .text-create-p {
        font-size: 1rem;
    }

    .w-fix-300{
        width: 350px;
    }


    /* ----------------------------------------  Private Experience Cayman - Section ------------------------------------------ */

    .blue-div {
        bottom: auto;
        height: auto;
        width: 67vw;
        padding: 40px 36px;
        padding-left: 200px;
        margin-top: 10rem;
    }

    .private-banner {
        padding: 70px 0;
        padding-top: 5rem;
        width: 40%;
        margin: 50px;
        background-size: auto;
    }

    .private-banner-h {
        height: 56rem;
    }

    .text-private-p {
        font-size: 10px;
    }

    .text-experience-p {
        font-size: 8rem;
    }

    .text-around-p {
        font-size: 1.5rem;
    }

    .mb-p {
        margin-bottom: 5rem;
    }

    .w-100-p {
        max-width: 100vw !important;
    }

    /* ---------------------------------------- Paradise - Section ------------------------------------------ */
    .text-paradise-p {
        font-size: 9rem;
    }

    .text-got {
        font-size: 15px;
        letter-spacing: 15px;
    }

    .paradise-banner {
        background-position-y: 20%;
        background-position-x: 50%;
    }

    .paradise-div{
        margin-bottom: 5rem;
    }

    /* ---------------------------------------- Specialized local team - Section ------------------------------------------ */


    .text-team {
        font-size: 6rem;
        margin-left: -15px;
    }

    .banner-horse {
        background-size: contain;
        height: 40vh;
    }

    /* ---------------------------------------- Brochure - Section ------------------------------------------ */

    .img-brochure {
        height: 300px;
        bottom: -100px;
        left: -100px;
        top: initial;
        transform: none;
    }

    .download-section {
        margin: 100px auto 150px;
        padding: 10px 0;
    }

    .div-brochure {
        padding-left: 30%;
        padding-bottom: 40px;
        padding-top: 0;
    }

    .l-normal-spacing-p {
        letter-spacing: 15px;
    }

    /* ---------------------------------------- Get in touch - Section ------------------------------------------ */

    .text-touch {
        font-size: 95px;
    }

    .text-get{
        font-size: 1rem;
    }

    .get-in-touch-div {
        width: 90%;
        padding: 20px 0;
    }

    .section-get-in {
        margin-right: 10px;
    }

    .get-in-touch-img {
        width: 38%;
        margin-bottom: -82px;
        margin-top: 4rem;
        margin-right: -100px;
        height: 105%;
    }

    footer.index {
        margin-top: 0%;
        padding-top: 0%;
    }

}

@media (min-width: 1200px) {
    /* ----------------------------------------  Index Banner ------------------------------------------ */

    .text-top-index {
        margin-left: 2rem;
        margin-bottom: 2%;
    }

    .text-aroud-size{
        font-size: 1.4rem;
    }

    .text-bottom-index {
        margin-left: 23rem;
        margin-top: 2%;
    }

    .text-middle-index {
        font-size: 20rem;
        transform: translateY(-40px);
    }

    .text-sm-normal {
        font-size: 1rem;
    }

    .index-banner {
        max-height: 1080px;
        background-position-y: 60%;
        background-position-x: center;
        background-size: cover;
    }

    /* ----------------------------------------  We Create Experiences - Section ------------------------------------------ */

    .text-create-p {
        font-size: 1rem;
    }

    .w-fix-300{
        width: 350px  !important;
    }

    /* ----------------------------------------  Private Experience Cayman - Section ------------------------------------------ */

    .text-private-p {
        font-size: 0.8rem;
    }

    .text-experience-p {
        font-size: 10rem;
    }

    .private-banner {
        background-position-y: center;
        padding: 70px 0;
        padding-top: 5rem;
        width: 40%;
        margin: 50px;
        background-size: cover;
    }


    .private-banner-h {
        height: 50rem;
    }

    .text-around-p {
        font-size: 1.5rem;
    }

    .mb-p {
        margin-bottom: 5rem;
    }

    .blue-div {
        bottom: auto;
        height: auto;
        right: 0;
        padding: 40px 36px;
        padding-left: 200px;
        margin-top: 10rem;
    }

    .w-100-p {
        max-width: 100vw !important;
    }

    /* ---------------------------------------- Paradise - Section ------------------------------------------ */
    .text-paradise-p {
        font-size: 9rem;
    }

    .text-got {
        font-size: 15px;
        letter-spacing: 15px;
    }

    .paradise-banner {
        background-position-y: center;
        background-position-x: 50%;
    }

    .paradise-div{
        margin-bottom: 5rem;
    }

    /* ---------------------------------------- Specialized local team - Section ------------------------------------------ */


    .text-team {
        font-size: 7rem;
        margin-left: -23px;
    }

    .banner-horse {
        max-width: 1430px;
        background-size: contain;
        height: 48vh;
    }

    /* ---------------------------------------- Brochure - Section ------------------------------------------ */

    .download-section .img-brochure {
        height: 300px;
        bottom: -100px;
        left: -100px;
        top: initial;
        transform: none;
    }

    .download-section {
        margin: 100px auto 150px;
        padding: 10px 0;
    }

    .text-brochure-p {
        font-size: 1rem;
    }

    .div-brochure {
        padding-left: 30%;
        padding-bottom: 40px;
        padding-top: 0;
    }

    .l-normal-spacing-p {
        letter-spacing: 15px;
    }

    /* ---------------------------------------- Get in touch - Section ------------------------------------------ */

    .text-touch {
        font-size: 95px;
    }

    .text-get{
        font-size: 1rem;
    }

    .get-in-touch-div {
        width: 90%;
        padding: 20px 0;
    }

    .section-get-in {
        margin-right: 200px;
    }

    .section-get-in {
        margin-right: 15px;
    }

    .get-in-touch-img {
        width: 23%;
        margin-bottom: -82px;
        margin-top: 4rem;
        margin-right: -100px;
        height: 105%;
    }
}

@media (min-width: 1400px) {

    .text-top-index {
        margin-left: -6rem;
        margin-bottom: 1%;
    }

    .text-aroud-size{
        font-size: 1.8rem;
    }

    .text-bottom-index {
        margin-left: 20rem;
        margin-top: 5%;
    }

    .text-middle-index {
        font-size: 30rem;
        transform: translateY(-40px);
    }

    .index-banner {
        max-height: 1080px;
        background-position-y: 90%;
        background-position-x: 10%;
        background-size: cover;
    }

    .w-fix-300{
        width: 350px  !important;
    }

    
    /* ----------------------------------------  Private Experience Cayman - Section ------------------------------------------ */

    .text-paradise-p {
        font-size: 12rem;
    }

    .text-got {
        font-size: 30px;
        letter-spacing: 15px;
    }

    .banner-horse {
        max-width: 1200px;
        background-size: contain;
        height: 27vh;
    }

    /* ----------------------------------------  Private Experience Cayman - Section ------------------------------------------ */
    .blue-div {
        bottom: auto;
        height: auto;
        width: 720px;
        padding: 40px 36px;
        padding-left: 125px;
        margin-top: 10rem;
    }

    .private-banner {
        height: 80rem;
        width: 60%;
        padding-top: 13rem;
        background-position-x: 70%;
        background-size: cover;
    }

    .text-experience-p {
        font-size: 15rem;
    }

    .text-around-p {
        font-size: 2rem;
    }

    .w-100-p {
        max-width: 1320px !important;
    }

    .section-get-in {
        margin-right: 15px;
    }

    .get-in-touch-img {
        width: 23%;
        margin-bottom: -131px;
        margin-top: 7rem;
        height: 100%;
    }

    .get-in-touch-div {
        width: 100%;
    }

    .text-create-p {
        font-size: 5rem;
    }

    .paradise-div{
        margin-bottom: 5rem;
    }

    /* ---------------------------------------- Get in touch - Section ------------------------------------------ */
    .w-100-get {
        max-width: 1150px !important;
    }

    .text-get{
        font-size: 1rem;
    }
}