* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    max-width: 100vw;
}
body {
    background-image: url("../images/background.jpg");
    /*background-size:cover;*/
    background-size: 100%;
    background-repeat: no-repeat;
}
@font-face {
    font-family: 'Poor Richard';
    src: url(../fonts/POORICH.TTF);
    font-weight: normal;
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: 'Century751 BT Roman';
    src: url(../fonts/Century751\ BT\ Roman.ttf);
    font-weight: normal;
    font-style: normal;
    font-weight: normal;
}
#pagina {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/*--------------------------------------Encabezado--------------------------------------*/
#hamburguer_menu_section {
    display: none;
}
header {
    display: flex;
    justify-content: space-between;
    height: 12.8vh;
    z-index: 5;

}
#logo_principal {
    margin: 0.3% 0 0px 0.3%;
    width: 8%;
    height: 100%;
}
#logo_principal img {
    width: 80%;
    height: auto;
    margin-top: 8%;
    margin-left:12%;
}
#menu_horizontal {
    margin: 30px 20px 0 0;
}
#menu_horizontal li {
    display: inline;
    font-size: 2vw;
    font-weight: normal;
    padding: 25px;
    margin: 0px 20px 0px 20px;
    font-family: 'Poor Richard';
    
}
#menu_horizontal a:link {
    color: black;
    text-decoration: underline;
}
#menu_horizontal a:hover {
    color: rgb(90, 135, 27)
}

/*--------------------------------------Presentación--------------------------------------*/

#box_foto_vicky_2 {
    display: none;
}
#screen_01 {
    display: flex;
    height: 85.4%;
    width: 100%;
    position: relative;
}
#box_info_vicky {
    width: 50%;
    margin: auto 0% auto 3%;
}
#box_foto_vicky {
    width: 45%;
    height: 100%;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
#foto_vicky {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#foto_vicky img {
    display: block;
    margin: 0px auto;
    height: auto;
    max-width: 95%;
    filter: drop-shadow(10px 10px 10px rgb(188, 188, 188))
}
#info_vicky {
    background-color: #EAEEF0;
    max-height: 75%;
    width: 100%;
    box-shadow: 0px 12px 13px rgb(171, 171, 171);
    margin:auto;
    overflow: hidden;
}
#info_vicky h1 {
    font-family: 'Poor Richard';
    font-size: 4.8vw;
    text-align: center;
    font-weight: normal;
}
#info_vicky h2 {
    padding: 1% 5% 0% 5%;
    font-family: 'Century751 BT Roman';
    font-size: 1.5vw;
    text-align: justify;
    text-justify: inter-word;
    font-style: normal;
    font-weight: normal;
}
#info_vicky input {
    background-repeat: no-repeat;
    background-position: right;
    background-size:auto;
    font-family: 'Century751 BT Roman';
    background-color: white;
    font-size: 1.3vw;
    font-weight: normal;
    width: 25%;
    height: 8%;
    text-align: center;
    margin: 2% 5% 4% 70%;
    border: none;
    box-shadow: 0px 12px 13px rgb(171, 171, 171);
}
#info_vicky input:hover{
    background-color: black;
    color: white;
    background-repeat: no-repeat;
    background-position: right;
    background-size:auto;
    background-color: #373435;
}
#bubble {
    margin:0%;
    position: absolute;
    z-index: 2;
    right:0;
    bottom: -12;
}
#bubble img {
    max-width: 100%;
}
#icons_bubble {
    position: absolute;
    z-index: 3;
    right: 22;
    bottom: 10;
}
#icons_bubble img {
    max-width: 100%;
    padding: 0 20px 0 0;
}
/*--------------------------------------Productos y Book--------------------------------------*/
#screen_02 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap:3%;
    background-image: url("../images/background_02.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    justify-content: space-evenly;
    height: 100%;
    width: 100%;
    margin: auto;
    padding: 2% 15%;
}
#product_container {
    display: flex;
    flex-direction: column;
    margin: auto;
    max-height: 650px;
    max-width: 400px;
    min-height: 65px;
    min-width: 60px;
    box-shadow: 0px 10px 20px rgb(132, 132, 132);
    background-color: white;
    position: relative;
    align-items: center;    
}
#product_container img {
    display: block;
    max-width: 320px;
    width: 90%;
    height: auto;
    padding: 2%;
    margin: 5% auto;
    justify-content: center;
}
#product_container_text {
    background-color:#c1e3e9;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
}
#product_container_text h3 {
    text-decoration: none;
    font-family: 'Poor Richard';
    text-align: center;
    font-size: 1.4vw;
    margin: 3%;
    font-weight: normal;
    align-items: center;
    height: auto;
    font-weight:bolder;
    width: 100%;
}
#product_book h4 {
    margin: auto;
    padding: 1.6% 1%;
    font-family: Century751 BT;
    text-align: center;
    font-size: 1.1vw;
    font-weight: normal;
}
#product_button {
    display: block;
    margin: 12% auto 16% auto;
    width: 50%;
}
#product_button input {
    font-family: Century751 BT;
    background-color: #e3edee;
    font-size: 1.1vw;
    font-weight:bolder;
    padding: 2%;
    width: 100%;
    height: auto;
    text-align: center;
    border: none;
    box-shadow: 0px 12px 13px rgb(171, 171, 171);
}
#product_button input:hover{
    background-color: black;
    color: white;
    background-color: #373435;
    background-repeat: no-repeat;
    background-position: right;
    background-size:auto;
}

/*------------------------------------------------Logos Aliados------------------------------------------------*/
#logos_aliados_2 {
    display: none;
}
#prev_logos_aliados_2{
    display: none;
}
#logos_aliados {
    background: #E3E3E3; 
    width: 100%;
    height: 10.3rem;
    margin: auto;
    display: flex;
    flex-direction: row;
}
#separador_logo {
    width: 6%;
    margin: auto;
    text-align: center;
}
#separador_logo img {
    height: 100%;
    margin: auto;
}
#contenido_benessere {
    width: 30%;
    display: flex;
    flex-direction: row;
}
#logo_benessere {
    width: 55%;
    margin:auto;
}
#logo_benessere img {
    width: 55%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
#siguenos_benessere h5 {
    font-size: 1.5vw;
    text-align: center;
    margin: auto;
    font-family: 'Poor Richard';
}
#siguenos_benessere{
    height: 25%;
    text-align: center;
}
#redes_sociales_benessere {
    width: 45%;
    margin: auto;
}
#redes_sociales_benessere img {
    width: 80%;
    margin: 0 0 0 9%;
    padding: 2%;
}
#benessere_logos {
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#benessere_logos img {
    width: 70%;
    margin: auto;
    display: block;
}
#contenido_armonicamente {
    width: 30%;
    display: flex;
    flex-direction: row;
}
#logo_armonicamente {
    width: 55%;
    margin: auto;
}
#logo_armonicamente img {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
#redes_sociales_armonicamente {
    width: 45%;
    margin: auto;
}
#redes_sociales_armonicamente img {
    width: 80%;
    padding: 2%;
}
#siguenos_armonicamente h5 {
    font-size: 1.5vw;
    text-align: center;
    margin: auto;
    font-family: 'Poor Richard';
}
#siguenos_armonicamente {
    height: 25%;
    text-align: center;
}
#armonicamente_logos {
    margin: auto;
    display: flex;
    justify-content: center;
}
#armonicamente_logos img {
    width: 90%;
    margin: auto;
    display: block;
}

#contenido_vicky {
    width: 30%;
    display: flex;
    flex-direction: row;
}
#logo_vicky {
    width: 55%;
    margin: auto;
}
#logo_vicky img {
    width: 33%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
#redes_sociales_vicky {
    width: 45%;
    margin: auto;
}
#redes_sociales_vicky img {
    width: 80%;
    padding: 2%;
}
#siguenos_vicky h5 {
    font-size: 1.5vw;
    text-align: center;
    margin: auto;
    font-family: 'Poor Richard';
}
#siguenos_vicky {
    height: 25%;
}
#vicky_logos {
    margin: auto;
    display: flex;
    justify-content: center;
}
#vicky_logos img {
    width: 100%;
    margin: auto;
    display: block;
}

/*------------------------------------------------Contacto------------------------------------------------*/

#box_informacion_contacto {
    background-image: url("../images/background_03.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: row;
    height: auto;
    width: auto;
}
#box_contacto {
    width: 100vw;
    height: 900px;
    margin: auto;
    display: flex;
    flex-direction: row;
}
#contactanos {
    margin: auto;
    width: 50%;
    height: 90%;
}
#contactanos h3 {
    padding: 2%;
    text-align: left;
    font-size: 2vw;
    font-weight: normal;
}
#formulario {
    height: 90%;
    background: rgb(248, 247, 247);
    box-shadow: 0px 12px 30px 5px rgb(144, 144, 144);
    overflow:hidden;
}
#formulario_contacto {
    display: block;
    padding: 3%;
}
#name {
    width: 58.3%;
    height: 11%;
    font-family: Century751 BT;
    font-size: 1.2vw;
    padding: 0 0 0 10px;
    margin: 5px 10px 10px 0px;
}
#city {
    width: 40%;
    height: 11%;
    font-family: Century751 BT;
    font-size: 1.2vw;
    padding: 0 0 0 10px;
    margin: 0px 0px 10px 0px;
}
#mail {
    width: 100%;
    height: 11%;
    font-family: Century751 BT;
    font-size: 1.2vw;
    padding: 0 0 0 10px;
    margin: 0px 0px 10px 0px;
}
#Phone {
    width: 45%;
    height: 11%;
    font-family: Century751 BT;
    font-size: 1.2vw;
    padding: 0 0 0 10px;
    margin: 0px 0px 10px 0px;
}
#Mensaje {
    width: 100%;
    height: 22%;
    font-family: Century751 BT;
    font-size: 1.2vw;
    padding: 0 0 0 10px;
    margin: 0px 0px 10px 0px;
}
#About_Me {
    width: 100%;
    height: 11%;
    font-family: Century751 BT;
    font-size: 1.2vw;
    padding: 0 0 0 10px;
    margin: 0px 0px 10px 0px;
}
#submit_form {
    background-color: #CDE8EB;
    height: 10%;
    width: 32%;
    color: #2895a1;
    font-size: 1.5vw;
    font-family: Century751 BT;
    margin: 0 0 0 32%;
    border: none;
}
#submit_form:hover {
    background-color:#A2CBD0;
    color: #135B63;
}
#numeros_contacto {
    width: 45%;
    height: 70%;
    margin: auto;
    display: flex;
    flex-direction: column;

}
#numeros_contacto img {
    width: 50%;
    margin: 0 auto 0 auto;
}
#card_numbermail {
    width: 100%;
    box-shadow: 0px 12px 30px 5px rgb(144, 144, 144);
    background: rgb(248, 247, 247);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
#card_numbermail p {
    color: rgb(92, 92, 92);
    font-size: 1.5vw;
    font-family: Century751 BT;
}
#mail_info {
    display: flex;
}
#phone_info {
    display: flex;
}
#mail_info a {
    margin: auto 0;
    text-decoration: none;
}
#phone_info a {
    margin: auto 0;
    text-decoration: none;
}
#mail_info img {
    margin: 2% 3%;
    width: 8%;
}
#phone_info img {
    margin: 2% 3% 2% 4%;
    width: 7%;
}
#phone_info p:hover{
    color:rgb(13, 170, 13);
    font-weight: bold;
}
#mail_info p:hover{
    color:red;
    font-weight: bold;
}


/*------------------------------------------------Footer------------------------------------------------*/
#follow_me_icons_m{
    display: none;
}
footer{
    background: #FBD3D6;
    width: 100%;
    height: 20vh;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    position:relative;
    left:0px;
    bottom:0px;

}
#follow_me_icons {
    height: 100%;
    width: 45%;
    display: flex;
    flex-direction: columns;
    align-items: center;
}
#follow_me_icons img {
    padding: 0 2% 0 5%;
    width: 16%;   
}
#follow_me_icons h6 {
    font-family: 'Poor Richard';
    font-size: 1.8vw;
    padding: 0 1% 0 10%;
    font-weight: normal;
}
#root_text {
    font-family: 'Poor Richard';
    font-size: 1.2vw;
    text-decoration: none;
    width: 45%;
    height: 100%;
    display: table;
}
#root_text ul {
    margin: 2% 0;
    list-style: none;
    padding: 0 0 0 40%;
    display: table-cell;
    vertical-align: middle;
    color: black;
}
#root_text li {
    margin: auto;
}
#root_text a {
    text-decoration: none;
}
#root_text li:hover{
    color: #9A6A6B;
}
#separador_logo_footer {
    width: 6%;
    margin: auto;
    text-align: center;
}
#separador_logo_footer img {
    height: 90%;
    margin: auto;
}



@media screen and (min-width:1922px) {

    #logo_principal img {
        width: 65%;
        margin-top: 8%;
        margin-left:12%;
    }
    #box_info_vicky {
        width: 55%;
        margin: auto 0% auto 5%;
    }
}
@media screen and (max-width:1765px){
    #box_contacto {
        width: 100vw;
        height: 900px;
    }
    #contactanos {
        width: 50%;
        height: 90%;
    }
    #contactanos h3 {
        padding: 2%;
        text-align: left;
        font-size: 2vw;
        font-weight: normal;
    }
    #formulario {
        height: 90%;
        overflow:hidden;
    }
    #formulario_contacto {
        display: block;
        padding: 3%;
    }
    #name {
        width: 100%;
        height: 10%;
        padding: 0 0 0 10px;
        margin: 5px 10px 10px 0px;
    }
    #city {
        width: 100%;
        height: 10%;
        padding: 0 0 0 10px;
        margin: 0px 0px 10px 0px;
    }
    #mail {
        width: 100%;
        height: 10%;
        padding: 0 0 0 10px;
        margin: 0px 0px 10px 0px;
    }
    #Phone {
        width: 45%;
        height: 10%;
        padding: 0 0 0 10px;
        margin: 0px 0px 10px 0px;
    }
    #Mensaje {
        width: 100%;
        height: 20%;
        padding: 0 0 0 10px;
        margin: 0px 0px 10px 0px;
    }
    #About_Me {
        width: 100%;
        height: 10%;
        font-size: 1.2vw;
        padding: 0 0 0 10px;
        margin: 0px 0px 0px 0px;
    }
    #submit_form {
        height: 10%;
        width: 32%;
        font-size: 1.5vw;
        margin: 0 0 0 32%;
    }
    #submit_form:hover {
        background-color:#A2CBD0;
        color: #135B63;
    }
    #numeros_contacto {
        width: 45%;
        height: 70%;
}
}
@media screen and (max-width:1537px) {
    
    #menu_horizontal {
        margin: 20px 0px 0 0;
    }
    #menu_horizontal li {
        font-size: 1.9vw;
        padding: 17px;
        margin: 0px 20px 0px 20px;        
    }
    #info_vicky h1 {
        font-size: 4.6vw;
    }
    #info_vicky h2 {
        font-size: 1.3vw;
    }
    #info_vicky input {
        font-size: 1.6vw;
        width: 22%;
        height: 7%;
        text-align: center;
        margin: 2% 5% 4% 65%;
    }
    #logo_principal img {
        margin-top: 8%;
        margin-left:12%;
    }
    #box_info_vicky {
        width: 55%;
        margin: auto 0% auto 1%;
    }
    #root_text {
        font-family: 'Poor Richard';
        font-size: 1.4vw;
        text-decoration: none;
    }
    #box_contacto {
        width: 100vw;
        height: 720px;
    }
    #contactanos {
        width: 50%;
        height: 90%;
    }
    #contactanos h3 {
        padding: 2%;
        text-align: left;
        font-size: 2vw;
        font-weight: normal;
    }
    #formulario {
        height: 90%;
        overflow:hidden;
    }
    #formulario_contacto {
        display: block;
        padding: 3%;
    }
    #name {
        width: 100%;
        height: 9%;
        padding: 0 0 0 10px;
        margin: 5px 10px 10px 0px;
    }
    #city {
        width: 100%;
        height: 9%;
        padding: 0 0 0 10px;
        margin: 0px 0px 10px 0px;
    }
    #mail {
        width: 100%;
        height: 9%;
        padding: 0 0 0 10px;
        margin: 0px 0px 10px 0px;
    }
    #Phone {
        width: 45%;
        height: 9%;
        padding: 0 0 0 10px;
        margin: 0px 0px 10px 0px;
    }
    #Mensaje {
        width: 100%;
        height: 18%;
        padding: 0 0 0 10px;
        margin: 0px 0px 10px 0px;
    }
    #About_Me {
        width: 100%;
        height: 9%;
        font-size: 1.2vw;
        padding: 0 0 0 10px;
        margin: 0px 0px 0px 0px;
    }
    #submit_form {
        height: 9%;
        width: 32%;
        font-size: 1.5vw;
        margin: 0 0 0% 32%;
    }
    #submit_form:hover {
        background-color:#A2CBD0;
        color: #135B63;
    }
    #numeros_contacto {
        width: 45%;
        height: 70%;
    }
}
@media screen and (max-width:1495px){
    #info_vicky h1 {
        font-size: 4vw;
        margin-bottom: 12px;
    }
    #info_vicky h2 {
        font-size: 1.3vw;
        padding: 0% 3% 0% 3%;
    }
    #info_vicky {
        height: 52%;
        width: 100%;
    }
    #info_vicky input {
        font-size: 1.3vw;
        width: 25%;
        height: 14%;
        margin: 2% 5% 4% 70%;
}
}
@media screen and (max-width:1490px) {
    #menu_horizontal {
        margin: 20px 0px 0 0;
    }
    #menu_horizontal li {
        font-size: 1.8vw;
        padding: 15px;
        margin: 0px 20px 0px 20px;        
    }
    #info_vicky h1 {
        font-size: 3.95vw;
    }
    #info_vicky h2 {
        font-size: 1.3vw;
        padding: 0% 4% 0% 4%;
    }
    #info_vicky input {
        font-size: 1.3vw;
        width: 25%;
        height: 14%;
        background-image: none;
        text-align: center;
        padding: 0;
        
    }
    #info_vicky input:hover {
        background-image: none;
    }
}
@media screen and (max-width:1400px){
    #bubble {
        display: none;
    }
    #icons_bubble img {
        display: none;
    }
    #menu_horizontal {
        margin: 20px 0px 0 0;
    }
    #menu_horizontal li {
        font-size: 1.8vw;
        padding: 15px;
        margin: 0px 20px 0px 20px;        
    }
    #info_vicky h1 {
        font-size: 3.8vw;
        margin-bottom: 30px;
    }
    #info_vicky br {
        display: none;
    }
    #info_vicky h2 {
        font-size: 1.4vw;
        padding: 0% 2% 0% 2%;
    }
    #info_vicky input {
        font-size: 1.3vw;
        width: 22%;
    }
    #info_vicky {
        height: 45%;
        width: 100%;
    }
    #screen_02 {
    gap:2%;
    padding: 2% 10%;
    }
    #product_book h4 {
    padding: 1.6% 1%;
    font-size: 1.4vw;
    }
    #product_container_text h3 {
    font-size: 2vw;
    margin: 3%;
    }
    #product_button input {
    font-size: 1.5vw;
    padding: 2%;
    }
}
@media screen and (max-width:1280px) {
        
    #menu_horizontal {
        margin: 20px 0px 0 0;
    }
    #menu_horizontal li {
        font-size: 1.9vw;
        padding: 17px;
        margin: 0px 20px 0px 20px;        
    }
    #logo_principal img {
        margin-top: 8%;
        margin-left:12%;
    }
    #info_vicky h1 {
        font-size: 4vw;
        margin-bottom: 16px;
    }
    #info_vicky br {
        display: none;
    }
    #info_vicky h2 {
        font-size: 1.3vw;
        padding: 0% 3% 1% 3%;
    }
    #info_vicky {
        background-color: #EAEEF0;
        height: 43%;
        width: 100%;
    }
    #info_vicky input {
        font-size: 1.3vw;
        width: 25%;
        height: 14%;
        margin: 2% 5% 4% 70%;
    }



    #root_text {
        font-family: 'Poor Richard';
        font-size: 1.4vw;
        text-decoration: none;
    }
    #box_contacto {
    width: 100vw;
    height: 680px;
    }
    #contactanos {
    width: 50%;
    height: 85%;
    }
    #numeros_contacto {
        width: 45%;
        height: 20%;
    }
    #contactanos h3 {
        padding: 2%;
        text-align: left;
        font-size: 2vw;
        font-weight: normal;
    }
    #formulario {
        height: 90%;
        overflow:hidden;
    }
    #formulario_contacto {
        display: block;
        padding: 3%;
    }
    #name {
        width: 100%;
        height: 9%;
        padding: 0 0 0 10px;
        margin: 5px 10px 10px 0px;
    }
    #city {
        width: 100%;
        height: 9%;
        padding: 0 0 0 10px;
        margin: 0px 0px 10px 0px;
    }
    #mail {
        width: 100%;
        height: 9%;
        padding: 0 0 0 10px;
        margin: 0px 0px 10px 0px;
    }
    #Phone {
        width: 45%;
        height: 9%;
        padding: 0 0 0 10px;
        margin: 0px 0px 10px 0px;
    }
    #Mensaje {
        width: 100%;
        height: 18%;
        padding: 0 0 0 10px;
        margin: 0px 0px 10px 0px;
    }
    #About_Me {
        width: 100%;
        height: 9%;
        font-size: 1.2vw;
        padding: 0 0 0 10px;
        margin: 0px 0px 0px 0px;
    }
    #submit_form {
        height: 9%;
        width: 32%;
        font-size: 1.5vw;
        margin: 0 0 0% 32%;
    }
    #submit_form:hover {
        background-color:#A2CBD0;
        color: #135B63;
    }
    #numeros_contacto {
        width: 45%;
        height: 70%;
}
}
@media screen and (max-width:1180px){
    #info_vicky h1 {
        font-size: 4.2vw;
        margin-bottom: 30px;
    }
    #info_vicky h2 {
        font-size: 1.5vw;
        padding: 0% 3% 2% 3%;
    }
    #info_vicky {
        height: 52%;
        width: 100%;
    }
    #info_vicky input {
        font-size: 1.3vw;
        width: 25%;
        height: 14%;
        margin: 2% 5% 4% 70%;
    }
    #follow_me_icons {
        height: 100%;
        width: 45%;
    }
    #follow_me_icons img {
        padding: 0 2% 0 5%;
        width: 16%;
    }
    #follow_me_icons h6 {
        font-size: 1.9vw;
        padding: 0 1% 0 10%;
    }
    #root_text {
        font-size: 1.5vw;
        width: 45%;
        height: 100%;
    }
    #root_text ul {
        margin: 2% 0;
        padding: 0 0 0 30%;
    }
    #separador_logo_footer {
        width: 6%;
    }
    #separador_logo_footer img {
        height: 90%;
    }
    #screen_02 {
    gap:1%;
    padding: 2% 5%;
    }
    #product_book h4 {
    padding: 1.6% 1%;
    font-size: 1.8vw;
    }
    #product_container_text h3 {
    font-size: 2.2vw;
    margin: 3%;
    }
    #product_button input {
    font-size: 1.7vw;
    padding: 2%;
    }
    #product_container img {
    width: 70%;
    height: auto;
    padding: 2%;
    margin: 5% auto;
}
}
@media screen and (max-width:1080px){
  
    #box_contacto {
        width: 100vw;
        height: 570px;
        }
    #box_contacto br {
        display: none;
    }
    #contactanos {
    width: 50%;
    height: 85%;
    }
    #numeros_contacto {
        width: 45%;
        height: 20%;
    }
    #contactanos h3 {
        padding: 2%;
        text-align: left;
        font-size: 2vw;
        font-weight: normal;
    }
    #formulario {
        height: 90%;
        overflow:hidden;
    }
    #formulario_contacto {
        display: block;
        padding: 3%;
    }
    #name {
        width: 100%;
        height: 9%;
        padding: 0 0 0 10px;
        margin: 5px 10px 10px 0px;
    }
    #city {
        width: 100%;
        height: 9%;
        padding: 0 0 0 10px;
        margin: 0px 0px 10px 0px;
    }
    #mail {
        width: 100%;
        height: 9%;
        padding: 0 0 0 10px;
        margin: 0px 0px 10px 0px;
    }
    #Phone {
        width: 45%;
        height: 9%;
        padding: 0 0 0 10px;
        margin: 0px 0px 10px 0px;
    }
    #Mensaje {
        width: 100%;
        height: 18%;
        padding: 0 0 0 10px;
        margin: 0px 0px 10px 0px;
    }
    #About_Me {
        width: 100%;
        height: 9%;
        font-size: 1.2vw;
        padding: 0 0 0 10px;
        margin: 0px 0px 0px 0px;
    }
    #submit_form {
        height: 9%;
        width: 32%;
        font-size: 1.5vw;
        margin: 3% 0 0% 32%;
    }
    #submit_form:hover {
        background-color:#A2CBD0;
        color: #135B63;
    }
    #numeros_contacto {
        width: 45%;
        height: 70%;
    }
    #logos_aliados {
        height: 5.7rem;
    }

    #follow_me_icons {
        height: 100%;
        width: 45%;
    }
    #follow_me_icons img {
        padding: 0 2% 0 5%;
        width: 16%;
    }
    #follow_me_icons h6 {
        font-size: 1.9vw;
        padding: 0 1% 0 10%;
    }
    #root_text {
        font-size: 1.6vw;
        width: 45%;
        height: 100%;
    }
    #root_text ul {
        margin: 2% 0;
        padding: 0 0 0 25%;
    }
    #separador_logo_footer {
        width: 6%;
    }
    #separador_logo_footer img {
        height: 90%;
    }
}
@media screen and (max-width:990px){
    #info_vicky h1 {
        font-size: 4.3vw;
        margin-bottom: 12px;
    }
    #info_vicky h2 {
        font-size: 1.6vw;
        padding: 0% 3% 0% 3%;
    }
    #info_vicky {
        height: 52%;
        width: 100%;
    }
    #info_vicky input {
        font-size: 1.3vw;
        width: 25%;
        height: 14%;
        margin: 2% 5% 4% 70%;
    }
    #box_contacto {
        width: 100vw;
        height: 530px;
    }
        #contactanos {
        width: 50%;
        height: 85%;
    }
        #numeros_contacto {
            width: 45%;
            height: 20%;
    }
        #contactanos h3 {
            padding: 2%;
            text-align: left;
            font-size: 2vw;
            font-weight: normal;
    }
        #formulario {
            height: 90%;
            overflow:hidden;
    }
        #formulario_contacto {
            display: block;
            padding: 3%;
    }
        #name {
            width: 100%;
            height: 9%;
            padding: 0 0 0 10px;
            margin: 5px 10px 10px 0px;
    }
        #city {
            width: 100%;
            height: 9%;
            padding: 0 0 0 10px;
            margin: 0px 0px 10px 0px;
    }
        #mail {
            width: 100%;
            height: 9%;
            padding: 0 0 0 10px;
            margin: 0px 0px 10px 0px;
    }
        #Phone {
            width: 45%;
            height: 9%;
            padding: 0 0 0 10px;
            margin: 0px 0px 10px 0px;
    }
        #Mensaje {
            width: 100%;
            height: 18%;
            padding: 0 0 0 10px;
            margin: 0px 0px 10px 0px;
    }
    #About_Me {
        width: 100%;
        height: 9%;
        font-size: 1.2vw;
        padding: 0 0 0 10px;
        margin: 0px 0px 0px 0px;
    }
    #submit_form {
        height: 9%;
        width: 32%;
        font-size: 1.5vw;
        margin: 3% 0 0% 32%;
    }
    #submit_form:hover {
        background-color:#A2CBD0;
        color: #135B63;
    }
    #numeros_contacto {
            width: 45%;
            height: 70%;
    }
    #follow_me_icons {
        height: 100%;
        width: 45%;
    }
    #follow_me_icons img {
        padding: 0 2% 0 5%;
        width: 18%;
    }
    #follow_me_icons h6 {
        font-size: 2.1vw;
        padding: 0 1% 0 10%;
    }
    #root_text {
        font-size: 1.9vw;
        width: 45%;
        height: 100%;
    }
    #root_text ul {
        margin: 2% 0;
        padding: 0 0 0 25%;
    }
    #separador_logo_footer {
        width: 6%;
    }
    #separador_logo_footer img {
        height: 90%;
    }
    #screen_02 {
    gap:1%;
    padding: 2% 5%;
    }
    #product_container {
    width: 32%;
    }
    #product_book h4 {
    padding: 1.6% 0.5%;
    font-size: 1.8vw;
    width: 90%;
    }
    #product_container_text h3 {
    font-size: 2.5vw;
    margin: 3%;
    }
    #product_button input {
    font-size: 1.8vw;
    padding: 2%;
    }
    #product_container img {
    width: 50%;
    height: auto;
    padding: 2%;
    margin: 5% auto;
    }
}
@media screen and (max-width:900px){
    header {
        height: 12.2vh;
    
    }
    #logo_principal {
        margin: 0.3% 0 0px 0.3%;
        width: 8%;
        height: 100%;
    }
    #logo_principal img {
        width: 80%;
        height: auto;
        margin-top: 8%;
        margin-left:12%;
    }
    #menu_horizontal {
        margin: 30px 2px 0 0;
    }
    #menu_horizontal li {
        display: inline;
        font-size: 2.5vw;
        padding: 0 8px;
        margin: 0px 20px 0px 20px;
        
    }
}
@media screen and (max-width:855px){
    #info_vicky h1 {
        font-size: 4.3vw;
        margin-bottom: 12px;
    }
    #info_vicky h2 {
        font-size: 1.8vw;
        padding: 0% 3% 0% 3%;
    }
    #info_vicky {
        height: 52%;
        width: 100%;
    }
    #info_vicky input {
        font-size: 1.3vw;
        width: 25%;
        height: 14%;
        margin: 2% 5% 4% 70%;
    }
}
@media screen and (max-width:840px){
#box_contacto {
    width: 100vw;
    height: 480px;
    }
#contactanos {
    width: 50%;
    height: 85%;
    }
#numeros_contacto {
        width: 45%;
        height: 20%;
    }
#contactanos h3 {
        padding: 2%;
        text-align: left;
        font-size: 2vw;
        font-weight: normal;
    }
#formulario {
        height: 90%;
        overflow:hidden;
    }
#formulario_contacto {
        display: block;
        padding: 3%;
    }
#name {
        width: 100%;
        height: 9%;
        padding: 0 0 0 10px;
        margin: 5px 10px 10px 0px;
    }
#city {
        width: 100%;
        height: 9%;
        padding: 0 0 0 10px;
        margin: 0px 0px 10px 0px;
    }
#mail {
        width: 100%;
        height: 9%;
        padding: 0 0 0 10px;
        margin: 0px 0px 10px 0px;
    }
#Phone {
        width: 45%;
        height: 9%;
        padding: 0 0 0 10px;
        margin: 0px 0px 10px 0px;
    }
#Mensaje {
        width: 100%;
        height: 18%;
        padding: 0 0 0 10px;
        margin: 0px 0px 10px 0px;
    }
#About_Me {
        width: 100%;
        height: 9%;
        font-size: 1.2vw;
        padding: 0 0 0 10px;
        margin: 0px 0px 0px 0px;
    }
#submit_form {
        height: 9%;
        width: 32%;
        font-size: 1.5vw;
        margin: 3% 0 0% 32%;
    }
#submit_form:hover {
        background-color:#A2CBD0;
        color: #135B63;
    }
#numeros_contacto {
        width: 45%;
        height: 70%;
}

#info_vicky h1 {
    font-size: 4.4vw;
    margin-bottom: 12px;
}
#info_vicky h2 {
    font-size: 1.9vw;
    padding: 0% 3% 0% 3%;
}
#info_vicky {
    height: 52%;
    width: 100%;
}
#info_vicky input {
    font-size: 1.3vw;
    width: 25%;
    height: 14%;
    margin: 2% 5% 4% 70%;
}
}
@media screen and (max-width:810px){
    header {
        height: 11vh;
    
    }
    #logo_principal {
        margin: 0.3% 0 0px 0.3%;
        width: 8%;
        height: 100%;
    }
    #logo_principal img {
        width: 80%;
        height: auto;
        margin-top: 8%;
        margin-left:12%;
    }
    #menu_horizontal {
        margin: 30px 2px 0 0;
    }
    #menu_horizontal li {
        display: inline;
        font-size: 2.5vw;
        padding: 0 2px;
        margin: 0px 10px 0px 10px;
        
    }
}
@media screen and (max-width:770px){
    footer {
        height: 15vh;
    }
    #follow_me_icons {
        height: 100%;
        width: 45%;
    }
    #follow_me_icons img {
        padding: 0 2% 0 5%;
        width: 20%;
    }
    #follow_me_icons h6 {
        font-size: 2.1vw;
        padding: 0 1% 0 10%;
    }
    #root_text {
        font-size: 1.9vw;
        width: 45%;
        height: 100%;
    }
    #root_text ul {
        margin: 2% 0;
        padding: 0 0 0 25%;
    }
    #separador_logo_footer {
        width: 6%;
    }
    #separador_logo_footer img {
        height: 90%;
    }


    #box_contacto {
        width: 100vw;
        height: 420px;
    }
}
@media screen and (max-width:701px){
    header {
        height: 11vh;
    
    }
    #logo_principal {
        margin: 0.3% 0 0px 0.3%;
        width: 8%;
        height: 100%;
    }
    #logo_principal img {
        width: 90%;
        height: auto;
        margin-top: 8%;
        margin-left:12%;
    }
    #menu_horizontal {
        margin: 30px 2px 0 0;
    }
    #menu_horizontal li {
        display: inline;
        font-size: 2.5vw;
        padding: 0 2px;
        margin: 0px 10px 0px 10px;
        
    }
}
@media screen and (max-width:680px){
    footer {
        background: #FBD3D6;
        width: 100%;
        height: 13.5vh;
    }
    #follow_me_icons {
        height: 100%;
        width: 45%;
    }
    #follow_me_icons img {
        padding: 0 2% 0 5%;
        width: 20%;
    }
    #follow_me_icons h6 {
        font-size: 2.3vw;
        padding: 0 1% 0 10%;
    }
    #root_text {
        font-size: 2vw;
        width: 45%;
        height: 100%;
    }
    #root_text ul {
        margin: 0.3% 0;
        padding: 0 0 0 20%;
    }
    #separador_logo_footer {
        width: 6%;
    }
    #separador_logo_footer img {
        height: 90%;
    }
    #screen_02 {
    gap:1%;
    padding: 2% 5%;
    }
    #product_container {
    width: 32%;
    }
    #product_book h4 {
    padding: 1.6% 0.5%;
    font-size: 2vw;
    width: 90%;
    }
    #product_container_text h3 {
    font-size: 2.5vw;
    margin: 3%;
    }
    #product_button input {
    font-size: 2vw;
    padding: 2%;
    }
    #product_container img {
    width: 70%;
    height: auto;
    padding: 2%;
    margin: 5% auto;
    }
}
@media screen and (max-width:621px){

    #box_contacto {
        width: 100vw;
        height: 350px;
    }
    #contactanos {
        width: 50%;
        height: 85%;
        }
    #numeros_contacto {
            width: 45%;
            height: 20%;
        }
    #contactanos h3 {
            padding: 2%;
            text-align: left;
            font-size: 2vw;
            font-weight: normal;
        }
    #formulario {
            height: 90%;
            overflow:hidden;
        }
    #formulario_contacto {
            display: block;
            padding: 3%;
        }
    #name {
            width: 100%;
            height: 8%;
            padding: 0 0 0 10px;
            margin: 5px 10px 10px 0px;
        }
    #city {
            width: 100%;
            height: 8%;
            padding: 0 0 0 10px;
            margin: 0px 0px 10px 0px;
        }
    #mail {
            width: 100%;
            height: 8%;
            padding: 0 0 0 10px;
            margin: 0px 0px 10px 0px;
        }
    #Phone {
            width: 45%;
            height: 8%;
            padding: 0 0 0 10px;
            margin: 0px 0px 10px 0px;
        }
    #Mensaje {
            width: 100%;
            height: 14%;
            padding: 0 0 0 10px;
            margin: 0px 0px 10px 0px;
        }
    #About_Me {
            width: 100%;
            height: 8%;
        }
    #submit_form {
            height: 9%;
            width: 32%;
            font-size: 1.5vw;
            margin: 5% 0 0% 32%;
        }
    #numeros_contacto {
            width: 45%;
            height: 70%;
    }

    header {
        height: 9.4vh;
    
    }
    #logo_principal {
        margin: 0.3% 0 0px 0.3%;
        width: 8%;
        height: 100%;
    }
    #logo_principal img {
        width: 90%;
        height: auto;
        margin-top: 8%;
        margin-left:12%;
    }
    #menu_horizontal {
        margin: 30px 2px 0 0;
    }
    #menu_horizontal li {
        display: inline;
        font-size: 3vw;
        padding: 0 2px;
        margin: 0px 10px 0px 10px;
        
    }
}
@media screen and (max-width:555px){
    
    footer {
        background: #FBD3D6;
        width: 100%;
        height: 13vh;
    }
    #follow_me_icons {
        height: 100%;
        width: 45%;
    }
    #follow_me_icons img {
        padding: 0 2% 0 5%;
        width: 20%;
    }
    #follow_me_icons h6 {
        font-size: 2.3vw;
        padding: 0 1% 0 10%;
    }
    #root_text {
        font-size: 2vw;
        width: 45%;
        height: 100%;
    }
    #root_text ul {
        margin: 0.3% 0;
        padding: 0 0 0 15%;
    }
    #separador_logo_footer {
        width: 6%;
    }
    #separador_logo_footer img {
        height: 90%;
    }

    header {
        height: 9.4vh;
    
    }
    #logo_principal {
        margin: 0.3% 0 0px 0.3%;
        width: 8%;
        height: 100%;
    }
    #logo_principal img {
        width: 90%;
        height: auto;
        margin-top: 8%;
        margin-left:12%;
    }
    #menu_horizontal {
        margin: 30px 2px 0 0;
    }
    #menu_horizontal li {
        display: inline;
        font-size: 3.3vw;
        padding: 0 2px;
        margin: 0px 5px 0px 5px;
        
    }
}
@media screen and (max-width:500px){
    #screen_01 {
        margin: 50px 0 0 0;
        display: flex;
        flex-direction: column;
        height: 580px;
        width: 100vw;
        width: 100%;
    }
    #logos_aliados {
        width: 100vw;
    }
    #box_informacion_contacto {
        width: 100vw;
    }
    #box_foto_vicky {
        display: none;
    }
    #box_info_vicky {
        display: block;
        width: 92%;
        height: 50%;
        margin: auto;
        padding: 2% 0 0 0;
    }
    #info_vicky {
        background-color: #EAEEF0;
        height: 350px;
        width: 100%;
        overflow: hidden;
        margin: auto;
        padding: 2% 2% 2% 0;
    }
    #box_foto_vicky_2 {
        width: 99%;
        height: 60%;
        display: block;
    }
    #foto_vicky {
        width: 100%;
        height: 100%;
        overflow: hidden;
        margin: 0 0 0% 3%;
    }
    #foto_vicky img {
        display: block;
        margin: 0px auto;
        height: 100%;
        filter: drop-shadow(10px 10px 10px rgb(188, 188, 188))
    } 
    #info_vicky h1 {
        font-family: 'Poor Richard';
        font-size: 6.3vw;
    }
    #info_vicky h2 {
        font-family: 'Century751 BT Roman';
        font-size: 3vw;
    }
    #info_vicky input {
        background-color: white;
        font-size: 3.2vw;
        width: 25%;
        height: 15%;
        margin: 3% auto;
        border: none;
        display: block;
        box-shadow: 0px 12px 13px rgb(171, 171, 171);
    }
    #logos_aliados {
        width: 100%;
        height: 5rem;
        margin: auto;
        display: none;
    }
    #separador_logo {
        width: 0.01%;
        margin: 0;
        text-align: none;
    }
    #separador_logo img {
        height: auto;
        width: 40%;
        margin: auto;
    }
    #contenido_vicky {
        width: 32%;
        display: flex;
        flex-direction: row;
    }
    #logo_vicky {
        width: 36%;
    }
    #logo_vicky img {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    #redes_sociales_vicky {
        width: 68%;
        margin: auto;
    }
    #siguenos_vicky h5 {
        font-size: 2.3vw;
        text-align: center;
        margin: auto;
        font-family: 'Poor Richard';
    }
    #siguenos_vicky {
        height: 30%;
        text-align: center; 
    }
    #vicky_logos {
        margin: auto;
        display: flex;
        justify-content: center;
        width: 100%;
    }
    #vicky_logos img {
        width: 100%;
        margin: auto;
        display: block;
    }
    #contenido_benessere {
        width: 33%;
        display: flex;
        flex-direction: row;
    }
    #logo_benessere {
        width: 45%;
    }
    #logo_benessere img {
        width: 100%;
        display: block;
    }
    #siguenos_benessere h5 {
        font-size: 2.3vw;
        text-align: center;
        margin-top: 3px;
        font-family: 'Poor Richard';
    }
    #siguenos_benessere{
        height: 22%;
        text-align: center;
    }
    #redes_sociales_benessere {
        width: 55%;
        margin: auto;
    }
    #redes_sociales_benessere img {
        width: 80%;
        margin: 0 0 0 10px;
    }
    #benessere_logos {
        margin: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    #benessere_logos img {
        width: 95%;
        margin: auto;
        display: block;
    }    
    #contenido_armonicamente {
        width: 33%;
        display: flex;
        flex-direction: row;
    }
    #logo_armonicamente {
        width: 55%;
        margin: auto;
    }
    #logo_armonicamente img {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    #redes_sociales_armonicamente {
        width: 55%;
        margin: auto;
    }
    #redes_sociales_armonicamente img {
        width: 100%;
        padding: 2%;
    }
    #siguenos_armonicamente h5 {
        height: 30%;
        font-size: 2.3vw;
        text-align: center;
        margin: auto;
        font-family: 'Poor Richard';
    }
    #siguenos_armonicamente {
        height: 30%;
        text-align: center;
        border: solid 3px blue;        
    }
    #armonicamente_logos {
        margin: auto;
        display: flex;
        justify-content: center;
        width: 100%;
    }
    #armonicamente_logos img {
        width: 100%;
        margin: auto;
        display: block;
    }
    #prev_logos_aliados_2{
        width: 100%;
        height: 2.3rem;
        background: #E3E3E3; 
        display: inline;
        font-size: 2.4vw;
        text-align: center;
        font-family: 'Poor Richard';
    }
    #prev_logos_aliados_2 h1 {
        margin: 6px auto 10px auto;
    }
    #logos_aliados_2 {
        width: 100%;
        height: 8.7rem;
        margin: auto;
        background: #E3E3E3; 
        display: flex;
        flex-direction: row;
    }
    #separador_logo_v2 {
        width: 0.01%;
        margin: auto;
        text-align: none;
        display: none;
    }
    #separador_logo_v2 img {
        width: 40%;
        margin: auto;
        display: block;
    }
    #siguenos_vicky_v2 h5 {
        font-size: 2.3vw;
        text-align: center;
        margin: auto;
        font-family: 'Poor Richard';
    }
    #siguenos_vicky_v2 {
        display: none;
        height: 30%;
        text-align: center; 
    }
    #siguenos_benessere_v2 h5 {
        font-size: 2.3vw;
        text-align: center;
        margin-top: 3px;
        font-family: 'Poor Richard';
    }
    #siguenos_benessere_v2{
        height: 22%;
        text-align: center;
        display: none;
    }
    #siguenos_armonicamente_v2 h5 {
        height: 30%;
        font-size: 2.3vw;
        text-align: center;
        margin: auto;
        font-family: 'Poor Richard';
    }
    #siguenos_armonicamente_v2 {
        display: none;
        height: 30%;
        text-align: center;
        border: solid 3px blue;        
    } 
    #contenido_vicky_v2 {
        width: 33%;
        height: 100%;
        display: flex;
        flex-direction: column;
    }
    #logo_vicky_v2 {
        width: 100%;
        height: 70%;
        margin: auto;
    }
    #logo_vicky_v2 img {
        width: 40%;
        display: block;
        margin: auto;
    }
    #redes_sociales_vicky_v2 {
        width: 100%;
        height: 30%;
        margin: auto;
    }
    #vicky_logos_v2 {
        margin: auto;
        display: flex;
        justify-content: center;
        width: 100%;
    }
    #vicky_logos_v2 img {
        width: 90%;
        height: 90%;
        margin: 6px auto 0 auto;
        display: block;
    }
    #contenido_benessere_v2 {
        width: 40%;
        height: 100%;
        display: flex;
        flex-direction: column;
    }
    #logo_benessere_v2 {
        height: 70%;
        width: 100%;
    }
    #logo_benessere_v2 img {
        width: 60%;
        margin: auto;
        display: block;
    }
    #redes_sociales_benessere_v2 {

        width: 100%;
        height: 30%;
        margin: auto;
    }
    #redes_sociales_benessere_v2 img {
        width: 80%;
    }
    #benessere_logos_v2 {
        width: 100%;
        height: 100%;
        margin: auto;
        display: flex;
        flex-direction: row ;
    }
    #benessere_logos_v2 img {
        width: 50%;
        margin: auto;
        display: block;
    } 
    #contenido_armonicamente_v2 {
        width: 30%;
        height: 100%;
        display: flex;
        flex-direction: column;
    }
    #logo_armonicamente_v2 {
        width: 100%;
        height: 70%;
        margin: auto;
    }
    #logo_armonicamente_v2 img {
        width: 100%;
        margin: auto;
        display: block;
    }
    #redes_sociales_armonicamente_v2 {
        width: 100%;
        margin: auto;
        height: 30%;
    }
    #redes_sociales_armonicamente_v2 img {
        width: 90%;
    }
    #armonicamente_logos_v2 {
        margin: auto;
        display: flex;
        justify-content: center;
        width: 100%;
    }
    #armonicamente_logos_v2 img {
        width: 88%;
        height: 90%;
        margin: 6px auto 0 auto;
        display: block;
    }
    #box_informacion_contacto {
    display: flex;
    }
    #box_contacto {
    width: 100%;
    height: 850px;
    margin: auto;
    display: flex;
    flex-direction: column;
    
    }
    #contactanos {
    margin-left: 3%;
    width: 90%;
    height: 62%;
    }
    #contactanos h3 {
    text-align: center;
    font-size: 4vw;
    font-weight: normal;
    font-family: 'Poor Richard';
    margin-top: 6px;
    margin-bottom: 4px;

    }
    #formulario {
    height: 90%;
    }
    #formulario_contacto {
        display: block;
        padding: 3%;
    }
    #name {
        width: 100%;
        height: 9%;
        font-family: Century751 BT;
        font-size: 3vw;
        padding: 0 0 0 10px;
        margin: 17px 10px 10px 0px;
    }
    #city {
        width: 70%;
        height: 9%;
        font-family: Century751 BT;
        font-size: 3vw;
        padding: 0 0 0 10px;
        margin: 0px 0px 10px 0px;
    }
    #mail {
        width: 100%;
        height: 9%;
        font-family: Century751 BT;
        font-size: 3vw;
        padding: 0 0 0 10px;
        margin: 0px 0px 10px 0px;
    }
    #Phone {
        width: 50%;
        height: 9%;
        font-family: Century751 BT;
        font-size: 3vw;
        padding: 0 0 0 10px;
        margin: 0px 0px 10px 0px;
    }
    #Mensaje {
        width: 100%;
        height: 20%;
        font-family: Century751 BT;
        font-size: 3vw;
        padding: 0 0 0 10px;
        margin: 0px 0px 10px 0px;
    }
    #About_Me {
        width: 100%;
        height: 9%;
        font-family: Century751 BT;
        font-size: 3vw;
        padding: 0 0 0 10px;
        margin: 0px 0px 12px 0px;
    }
    #submit_form {
        background-color: #CDE8EB;
        height: 10%;
        width: 32%;
        color: #2895a1;
        font-size: 3.2vw;
        font-family: Century751 BT;
        margin: 0 0 0 32%;
        border: none;
    }
    #submit_form:hover {
        background-color:#A2CBD0;
        color: #135B63;
    }
    #numeros_contacto {
        width: 90%;
        height: 38%;
        margin-top: 1%;
        margin-left: 3%;
        display: flex;
        flex-direction: column;
    }
    #numeros_contacto img {
        width: 50%;
        margin: 0 auto 0 auto;
    }
    #card_numbermail {
        width: 100%;
        box-shadow: 0px 12px 30px 5px rgb(144, 144, 144);
        background: rgb(248, 247, 247);
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }
    #card_numbermail p {
        color: rgb(92, 92, 92);
        font-size: 3vw;
        font-family: Century751 BT;
    }
    #mail_info {
        display: flex;
    }
    #phone_info {
        display: flex;
    }
    #mail_info a {
        margin: auto 0;
        text-decoration: none;
    }
    #phone_info a {
        margin: auto 0;
        text-decoration: none;
    }
    #mail_info img {
        margin: 2% 3%;
        width: 8%;
    }
    #phone_info img {
        margin: 2% 3% 2% 4%;
        width: 7%;
    }
    #phone_info p:hover{
        color:rgb(13, 170, 13);
        font-weight: bold;
    }
    #mail_info p:hover{
        color:red;
        font-weight: bold;
    }
    footer{
        background: #FBD3D6;
        width: 100%;
        height: 20vh;
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
        align-items: center;
        position:relative;
        left:0px;
        bottom:0px;
    }
    #follow_me_icons_m{
        height: 100%;
        width: 45%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    #follow_me_icons {
        display: none;
    }
    #logo_follow_icon{
        width: 100%;
        height: 70%;
        display: flex;
        gap: 4px;
        margin-right: 6px;

    }
    #logo_follow_icon img {
        width: 22%;
        height: auto;
        margin: auto;
        display: block;
    }
    #text_follow_icon_m{
        width: 100%;
        height: 30%;
        text-align: center;
    }
    #text_follow_icon_m h6 {
        margin-top: 10%;
        font-family: 'Poor Richard';
        font-size: 4vw;
        font-weight: normal;
    }
    #root_text {
        font-family: 'Poor Richard';
        font-size: 3.8vw;
        text-decoration: none;
        width: 45%;
        height: 100%;
        display: table;
    }
    #root_text ul {
        list-style: none;
        padding: 0 0 0 27%;
        display: table-cell;
        vertical-align: middle;
        color: black;
    }
    #root_text li {
        margin: auto;
    }
    #root_text a {
        text-decoration: none;
    }
    #root_text li:hover{
        color: #9A6A6B;
    }
    #separador_logo_footer {
        width: 6%;
        margin: auto;
        text-align: center;
    }
    #separador_logo_footer img {
        height: 90%;
        margin: auto;
    }
    #separador_logo_footer {
        width: 5%;
        margin: auto;
        text-align: center;
    }
    #separador_logo_footer img {
        height: 70%;
        margin: auto;
    }
    #screen_02 {
    padding: 6% 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    padding: 20px 0;
    }
    #product_container {
    width: 50%;
    margin-bottom: 5px;
    }
    #product_book h4 {
    padding: 1.6% 0.5%;
    font-size: 3.2vw;
    width: 90%;
    }
    #product_container_text h3 {
    font-size: 4vw;
    margin: 3%;
    }
    #product_button input {
    font-size: 3.5vw;
    padding: 1%;
    }
    #product_button {
    margin: 6% auto 10% auto;
    width: 50%;
    }
    #product_container img {
    width: 70%;
    height: auto;
    padding: 2%;
    margin: 3% auto;
    }
}
@media screen and (max-width:485px){
    #root_text {
        font-family: 'Poor Richard';
        font-size: 4.5vw;
        text-decoration: none;
        width: 45%;
        height: 100%;
        display: table;
    }    
    #separador_logo_footer {
        width: 4%;
        margin: auto;
        text-align: center;
    }
    #separador_logo_footer img {
        height: 70%;
        width: 95%;
        margin: auto;
    }
    #numeros_contacto {
        margin-left: 4%;
    }
    #contactanos {
        margin-left: 4.2%;
        width: 90%;
        height: 90%;
    }
    #submit_form {
        margin: 2% 0 0 34%;
    }
    #logos_aliados_2 {
        width: 100%;
        height: 7.6rem;
        margin: auto;
        background: #E3E3E3; 
        display: flex;
        flex-direction: row;
    }
    #contactanos h3 {
        font-size: 4.4vw;    
    }
    #screen_01 {
        margin: 50px 0 0 0;
        display: flex;
        flex-direction: column;
        height: 580px;
        width: 100vw;
        width: 100%;
    }
    #box_foto_vicky {
        display: none;
    }
    #box_info_vicky {
        display: block;
        width: 92%;
        height: 50%;
        margin: auto;
        padding: 2% 0 0 0;
    }
    #info_vicky {
        background-color: #EAEEF0;
        height: 350px;
        width: 100%;
        overflow: hidden;
        margin: auto;
        padding: 2% 2% 2% 0;
    }
    #box_foto_vicky_2 {
        width: 99%;
        height: 60%;
        display: block;
    }
    #foto_vicky {
        width: 100%;
        height: 100%;
        overflow: hidden;
        margin: 0 0 0% 3%;
    }
    #foto_vicky img {
        display: block;
        margin: 0px auto;
        height: 100%;
        filter: drop-shadow(10px 10px 10px rgb(188, 188, 188))
    }

    #info_vicky h1 {
        font-family: 'Poor Richard';
        font-size: 6.3vw;
    }
    #info_vicky h2 {
        font-family: 'Century751 BT Roman';
        font-size: 3.4vw;
    }
    #info_vicky input {
        background-color: white;
        font-size: 3.6vw;
        width: 25%;
        height: 15%;
        margin: 3% auto;
        border: none;
        display: block;
        box-shadow: 0px 12px 13px rgb(171, 171, 171);
    }
}
@media screen and (max-width:400px){

    footer{
        width: 100%;
        height: 20vh;
        display: flex;
        flex-direction: row;
        align-items: center;
        position:relative;
        left:0px;
        bottom:0px;
    }
    
    #follow_me_icons_m{
        height: 100%;
        width: 45%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
        #logo_follow_icon{
        width: 100%;
        height: 70%;
        display: flex;
        gap: 2px;
        margin-right: 18px;
        }
            #logo_follow_icon img {
                width: 22%;
                height: auto;
                margin: auto;
                display: block;
            }
        #text_follow_icon_m{
            width: 100%;
            height: 25%;
            text-align: center;
        }
            #text_follow_icon_m h6 {
                margin-top: 7%;
                font-family: 'Poor Richard';
                font-size: 5.1vw;
                font-weight: normal;
            }
    
    #root_text {
        font-size: 5vw;
        text-decoration: none;
        width: 45%;
        height: 100%;
        display: table;
    }
        #root_text ul {
            list-style: none;
            padding: 0 0 0 19%;
            display: table-cell;
            vertical-align: middle;
            color: black;
        }
        #root_text li {
            margin: auto;
        }
        #root_text a {
            text-decoration: none;
        }
        #root_text li:hover{
            color: #9A6A6B;
        }
}