@font-face {
    font-family: 'Ragasta';
    font-style: normal;
    font-weight: normal;
    src: local('Ragasta'),url('Ragasta.ttf') format('truetype'), url('Ragasta.woff') format('woff');
}

@font-face {
    font-family: 'Cloudyauroras';
    font-style: normal;
    font-weight: normal;
    src: local('Cloudyauroras'),url('Cloudyaurorascriptdemo-3zMwM.otf') format('opentype');
}
:root {
    color-scheme: only light;
  }
  
h1{
    font-family: 'Montserrat', sans-serif;
    font-weight: 400!important;
    color: #000000;
    font-size: 1.3em!important;
}

.background3pic {
    background-image: url(images/bakcground-pic3.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: bottom;
}


.holasoy {
    background-image: url(images/hola-soy.jpg);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position-x: -100px;
    background-position-y: top;
}



/* MANUAL CTA */

.cta {
    background-color: #4f486c!important;
    border-color: #4f486c!important;
    font-family: 'Montserrat', sans-serif!important;
    font-weight: 500!important;
    color: #ffffff!important;
    font-size: 1.1em!important;
    letter-spacing: 1px!important;
    text-align: center!important;
    border-radius: 45px!important;
    padding-left:40px!important;
    padding-right:40px!important;
    -webkit-box-shadow: 2px 2px 20px -5px rgba(0,0,0,0.28)!important;
    -moz-box-shadow: 2px 2px 20px -5px rgba(0,0,0,0.28)!important;
    box-shadow: 2px 2px 20px -5px rgba(0,0,0,0.28)!important;
}

.cta:hover {
    background-color: #e88663!important;
    border-color: #e88663!important;
    font-family: 'Montserrat', sans-serif!important;
    font-weight: 500!important;
    color: #ffffff!important;
    font-size: 1.1em!important;
    letter-spacing: 1px!important;
    text-align: center!important;
    -webkit-box-shadow: 2px 2px 20px -5px rgba(0,0,0,0.28)!important;
    -moz-box-shadow: 2px 2px 20px -5px rgba(0,0,0,0.28)!important;
    box-shadow: 2px 2px 20px -5px rgba(0,0,0,0.28)!important;
}


/* IPAD*/
@media (min-width: 500px) and (max-width: 900px) {
    .herodespegar {
        width:100%!important;
    }
    
    .emprendedora {
        background-image: inherit;
        background-size: auto 25%;
        background-repeat: no-repeat;
        background-position-x: 25px;
        background-position-y: bottom;
    }

    h1 {
        text-align:center!important;
    }

    h3 {
        text-align:center!important;
    }

}
/* ------- CELLPHONES ------- */
@media (min-width: 100px) and (max-width: 500px) {
    .herodespegar {
        width:100%!important;
    }

    .emprendedora {
        background-image: inherit;
        background-size: auto 25%;
        background-repeat: no-repeat;
        background-position-x: 25px;
        background-position-y: bottom;
    }

    h1 {
        text-align:center!important;
    }

    h3 {
        text-align:center!important;
    }

    .background3pic {
        background-image: url(images/bakcground-pic3.png);
        background-size: auto 100%;
        background-repeat: no-repeat;
        background-position-x: center;
        background-position-y: bottom;
    }

    .bakcground-4pasos {
        background-size: auto 100%;
    }
}


/* PARALAX */

/* Section - Title */
/**************************/
#parallax-world-of-ugg .title {background: white; padding: 60px; margin:0 auto; text-align:center;}
#parallax-world-of-ugg .title h1 {font-size:35px; letter-spacing:8px;}

/* Section - Block */
/**************************/
#parallax-world-of-ugg .block {background: white; padding: 60px; width:820px; margin:0 auto; text-align:justify;}
#parallax-world-of-ugg .block-gray {background: #f2f2f2;padding: 60px;}
#parallax-world-of-ugg .section-overlay-mask {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: black; opacity: 0.70;}

/* Section - Parallax */
/**************************/
#parallax-world-of-ugg .parallax-one {padding-top: 0px; padding-bottom: 0px; overflow: hidden; position: relative; width: 100%; background-image: url(https://soyanavictoria.com/wp-content/themes/soyanavictoriaweb/images/new/secretos/parallax-fours.jpg); background-attachment: fixed; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-repeat: no-repeat; background-position: top center;}

/* Extras */
/**************************/
#parallax-world-of-ugg .line-break {border-bottom:1px solid black; width: 150px; margin:0 auto;}

/* Media Queries */
/**************************/
@media screen and (max-width: 959px) and (min-width: 768px) {
  #parallax-world-of-ugg .block {padding: 40px; width:620px;}
}
@media screen and (max-width: 767px) {
  #parallax-world-of-ugg .block {padding: 30px; width:420px;}
  #parallax-world-of-ugg h2 {font-size:30px;}
  #parallax-world-of-ugg .block {padding: 30px;}
  #parallax-world-of-ugg .parallax-one, #parallax-world-of-ugg .parallax-four,  #parallax-world-of-ugg .parallax-three, #parallax-world-of-ugg .parallax-six, #parallax-world-of-ugg .parallax-eight, #parallax-world-of-ugg .parallax-nine {padding-top:100px; padding-bottom:100px;background-attachment: inherit!important; }
}
@media screen and (max-width: 479px) {
  #parallax-world-of-ugg .block {padding: 30px 15px; width:290px;}
}