/* Start custom CSS for html, class: .elementor-element-d0bed75 */@font-face {
    font-family: "Palace"; /*a name to be used later*/
    src: url("https://almanjar.com/wp-content/uploads/2020/06/palace-script-mt-semi-bold.ttf"); /*URL to font*/
}
.xd {
    font-family: "Palace";
    font-size: 8em;
    text-align: center;
    font-size: 5em;
    
}
.xd p {
    margin-bottom: -10%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7a530a3 */.atras {
    width: 20%;
    padding-bottom: 10%;
}
.nada {
    text-decoration: none;
    color: black;
}
.content-wrapperE {
    width: 20%;
    //margin: -7.7% 0% 0% 0px;
    position: absolute;
    right: 0px;
    bottom: 6.7%;
}

.content-wrapperE img{
    width: 100%;
}
@media only screen and (max-width: 768px) {
    .content-wrapperE {
        width: 20%;
        margin-bottom: 0%;
        bottom: 0%;
        right: 0%;
        //position:absolute;
    }
}

@media only screen and (max-width: 625px) {
    .content-wrapperE {
        width: 20%;
        position:absolute;
        bottom:0%;
        right: -4.6%;
    }
}

@media only screen and (max-width: 360px) {
   
    .content-wrapperE {
        width: 20%;
        position:absolute;
        bottom: 2%;
        right: 0%;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-92128c7 */.content-wrapperV {
    width: 20%;
    //margin: -7.7% 0% 0% 0px;
    position: absolute;
    right: 0px;
    bottom: 4.5%;
}


.content-wrapperV img{
    width: 100%;
}
.text-wrapper {
    font-style: oblique;
    width: 100%;
    margin-top: -57%;
}
@media only screen and (max-width: 1024px) {
    .content-wrapperV {
        width: 20%;
        margin-bottom: 0%;
        bottom: 5%;
        right: 0%;
        //position:absolute;
    }
}
@media only screen and (max-width: 768px) {
    .content-wrapperV {
        width: 20%;
        margin-bottom: 0%;
        bottom: 0%;
        right: 0%;
        //position:absolute;
    }
}

@media only screen and (max-width: 625px) {
    .content-wrapperV {
        width: 20%;
        position:absolute;
        bottom:0%;
        right: -4.6%;
    }
}
@media only screen and (max-width: 414px) {
    .content-wrapperV {
        width: 20%;
        position:absolute;
        bottom:3.2%;
        right: -4.6%;
    }
}
@media only screen and (max-width: 375px) {
    .content-wrapperV {
        width: 20%;
        position:absolute;
        bottom:3%;
        right: -4.6%;
    }
}
@media only screen and (max-width: 360px) {
   
    .content-wrapperV {
        width: 20%;
        position:absolute;
        bottom: 2%;
        right: 0%;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e8b92cc */.ensalada {
    width: 50%;
    float: left;
    padding-right: 1%;
}

.titulo {
    position: relative;
}

.sub {
    position: relative;
}
.content-wrapper {
    width: 20%;
    //margin: -7.7% 0% 0% 0px;
    position: absolute;
    right: 0px;
    bottom: 4.7%;
}

.content-wrapper img{
    width: 100%;
}

.text-wrapper{
    font-style: oblique;
    width: 100%;
    margin-top: -57%;
}

.text-wrapper p{
    text-align: center;
    //color: #ffffff;
    //font-size: 4vw;
    //font-family: 'lobster';
    font-weight: bold;
}

@media only screen and (max-width: 768px) {
    .todo {
        width: 105%;
    }
    .ensalada {
        width: 55%;
        position: relative;
        float: left;
    }
     .titulo {
        font-size: 4vw; 
     }
     .sub {
         float: left;
         font-size: 2.5vw;
        margin-top: -4%;
     }
    .content-wrapper {
        width: 20%;
        bottom: -0.5%;
        right: 0%;
        //position:absolute;
    }
    .text-wrapper {
        width: 100%;
        margin-top: -58%;
    }

    .text-wrapper p{
        text-align: center;
        //color: #ffffff;
        font-size: 3.5vw;
        //font-family: 'lobster';
    }
}

@media only screen and (max-width: 625px) {
    .todo {
        width: 105%;
    }
    .ensalada {
    width: 55%;
    position: relative;
    float: left;
    }
     .titulo {
        font-size: 4vw; 
     }
     .sub {
         float: left;
         font-size: 3vw;
        margin-top: -1%;
     }
    .content-wrapper {
        width: 20%;
        position:absolute;
        bottom:3.5%;
        right: -4.6%;
    }
    .text-wrapper{
    width: 100%;
    margin-top: -58%;
}

.text-wrapper p{
    text-align: center;
    //color: #ffffff;
    font-size: 3.5vw;
    //font-family: 'lobster';
}
}

@media only screen and (max-width: 360px) {
    .todo {
        width: 115%;
    }
    .ensalada {
    width: 55%;
    position: relative;
    float: left;
    }
     .titulo {
        font-size: 4vw; 
     }
     .sub {
        float: none;
        padding-right: 3%;
        font-size: 3vw;
        margin-top: -3%;
     }
    .content-wrapper {
        width: 20%;
        position:absolute;
        bottom: 2%;
        right: 0%;
    }
    .text-wrapper{
        width: 100%;
        margin-top: -58%;
    }

.text-wrapper p{
    text-align: center;
    //color: #ffffff;
    //font-size: 4vw;
    //font-family: 'lobster';
}
}/* End custom CSS */