body {
    background-color: #fcfcfa;
    overflow-x: hidden;
}

.fichatecnica {
    font-family: 'Cormorant Infant', serif;  
    font-size: 5vw;
    line-height : 2px;
}

.marginright{
    font-family: 'Cormorant Infant', serif;  
    font-size: 5vw;
    line-height : 2px;
    margin-left: 20px;
}

.garamond {
    font-family: 'EB Garamond', serif;
}

#nuevomargen {
    position: absolute;
    margin-top: 5%;
}

#marginT3 {
    font-family: 'Cormorant Infant', serif;  
    font-size: 15px;
    position: absolute;
    margin-top: 65%;
    margin-left: 3%;

}

#marginT4 {
    font-family: 'Cormorant Infant', serif;  
    font-size: 15px;
    position: absolute;
    margin-top: 5%;
    width: 45%;
    margin-left: 3%;
}

#marginT2 {
    margin-left: 260px;
    font-family: 'Cormorant Infant', serif;  
    font-size: 15px;
    margin-top: -2%;
    text-align: justify;
}

.newsletter {
    font-family: 'Cormorant Infant', serif;
    font-size: 5vw;
    margin-left: 8%;
    margin-bottom:3%;
    color: black;
    bottom: 0;
    left:0;
    position: fixed;
    z-index: 999;
}

a {
    color: inherit; /* blue colors for links too */
    text-decoration: inherit; /* no underline */
}

a:active {
    color: inherit; /* blue colors for links too */
    text-decoration: inherit; /* no underline */
    
}

a:hover { 
    text-decoration: none;
    color: inherit; /* blue colors for links too */

 }


.num {
    font-family: 'Cormorant Infant', serif;
    font-size: 10px;
}

.yvonne {
    font-family: 'Cormorant Garamond', serif;
    font-size: 20px;
    text-decoration: none;
}

.bold {
    font-weight: bolder;
    color: black;
    text-decoration: none;
 }

 

 #imgmenu2 {
    position: absolute;
    width: 260px;
    margin-left: -30px;
    /*animation: fadeIn 5s;*/
 }

 .anahi {    
    position: absolute;
    font-family: 'Cormorant Infant', serif;  
    font-size: 3vw;
    animation: fadeIn 5s;
    margin-top: 210px;
    margin-left: -25px;
}

#cuboblanco {
    height: 31vw;
    bottom: 0;
    width: 40%;
    position:fixed;
    background-color: #fcfcfa;
    z-index: 90;
}


@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
  }


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


    .fichatecnica {
        font-family: 'Cormorant Infant', serif;  
        font-size: 2vw;
        line-height : 2vw;
    }

    .marginright{
        font-family: 'Cormorant Infant', serif;  
        font-size: 2vw;
        line-height : 2vw;
        margin-left: 20px;
    }
    

    .newsletter {
        font-family: 'Cormorant Infant', serif;
        font-size: 2vw;
        margin-left: 8%;
        margin-bottom:3%;
        color: black;
        bottom: 0;
        left:0;
        position: fixed;
        z-index: 999;
    }
    

    #nuevomargen {
        margin-top: 6.2%;
        margin-bottom: 0%;
    }

    #marginT3 {
        font-family: 'Cormorant Infant', serif;  
        position: absolute;
        margin-top: 15%;
        margin-left: 3%;
        
    }
  

    #marginT2 {
        margin-left: 65%;
        font-family: 'Cormorant Infant', serif;  
        margin-top: 0%;
        line-height : 1.4vw;

    }

    #marginT4 {
        font-family: 'Cormorant Infant', serif;  
        font-size: 15px;
        position: absolute;
        margin-top: 15%;
        width: 40%;
    }

    

    #imgmenu2 {
        position: absolute;
        width: 65%;
        margin-left: 48%;
        margin-top: -8%;
        animation: fadeIn 5s;
     }
     
    
     .anahi {    
        position: absolute;
        font-family: 'Cormorant Infant', serif;  
        font-size: 1vw;
        animation: fadeIn 5s;
        margin-top: 44%;
        margin-left: 48%;

    }

    #cuboblanco {
        height: 160px;
        bottom: 0;
        width: 20%;
        position:fixed;
        background-color: transparent;
        z-index: 90;
    }

    
    
 }


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

    .fichatecnica {
        font-family: 'Cormorant Infant', serif;  
        font-size: 1.6vw;
    }

    .marginright{
        font-family: 'Cormorant Infant', serif;  
        font-size: 1.6vw;
        line-height : 2px;
        margin-left: 20px;
    }

    .newsletter {
        font-family: 'Cormorant Infant', serif;
        font-size: 2vw;
        margin-left: 8%;
        margin-bottom:3%;
        color: black;
        bottom: 0;
        left:0;
        position: fixed;
        z-index: 999;
    }
    

    #nuevomargen {
        margin-top: 10%;
        margin-bottom: 0%;
    }

    #marginT3 {
        font-family: 'Cormorant Infant', serif;  
        position: absolute;
        margin-top: 15%;
        margin-left: 7%;
        
    }
  

    #marginT2 {
        margin-left: 60%;
        font-family: 'Cormorant Infant', serif;  
        margin-top: -1.5%;
        line-height : 1.4vw;

    }

    #marginT4 {
        font-family: 'Cormorant Infant', serif;  
        font-size: 15px;
        position: absolute;
        margin-top: 10%;
        width: 42%;
        margin-left: -2%;
    }


    #imgmenu2 {
        position: absolute;
        width: 62%;
        margin-left: 52%;
        animation: fadeIn 5s;
        margin-top: -2%;
     }
     
     
     .anahi {    
        position: absolute;
        font-family: 'Cormorant Infant', serif;  
        font-size: 1vw;
        animation: fadeIn 5s;
        margin-top: 48%;
        margin-left: 52%;

    }
    
 }

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

    .fichatecnica {
        font-family: 'Cormorant Infant', serif;  
        font-size: 1.6vw;
    }


    .marginright{
        font-family: 'Cormorant Infant', serif;  
        font-size: 1.6vw;
        line-height : 2px;
        margin-left: 20px;
    }
    

    .newsletter {
        font-family: 'Cormorant Infant', serif;
        font-size: 1.8vw;
        margin-left: 8%;
        margin-bottom:3%;
        color: black;
        bottom: 0;
        left:0;
        position: fixed;
        z-index: 999;
    }
    

    #nuevomargen {
        margin-top: 10%;
        margin-bottom: 0%;
    }

    #marginT3 {
        font-family: 'Cormorant Infant', serif;  
        position: absolute;
        margin-top: 15%;
        margin-left: 0%;
        
    }
  

    #marginT2 {
        margin-left: 70%;
        font-family: 'Cormorant Infant', serif;  
        margin-top: -1.5%;
        line-height : 1.4vw;

    }

    #marginT4 {
        font-family: 'Cormorant Infant', serif;  
        font-size: 15px;
        position: absolute;
        margin-top: 10%;
        width: 45%;
        margin-left: -9%;

    }


    #imgmenu2 {
        position: absolute;
        width: 55%;
        margin-left: 55%;
        animation: fadeIn 5s;
        margin-top: 3%;

     }
     
     
     .anahi {    
        position: absolute;
        font-family: 'Cormorant Infant', serif;  
        font-size: 1vw;
        animation: fadeIn 5s;
        margin-top: 47%;
        margin-left: 55%;

    }
    
 }

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

    .fichatecnica {
        font-family: 'Cormorant Infant', serif;  
        font-size: 1.65vw;
    }

    .marginright{
        font-family: 'Cormorant Infant', serif;  
        font-size: 1.65vw;
        line-height : 2px;
        margin-left: 20px;
    }

    .newsletter {
        font-family: 'Cormorant Infant', serif;
        font-size: 1.8vw;
        margin-left: 8%;
        margin-bottom:3%;
        color: black;
        bottom: 0;
        left:0;
        position: fixed;
        z-index: 999;
    }
    

    #nuevomargen {
        margin-top: 10%;
        margin-bottom: 0%;
    }
    #marginT3 {
        font-family: 'Cormorant Infant', serif;  
        position: absolute;
        margin-top: 15%;
        margin-left: -6%;
        
    }
  

    #marginT2 {
        margin-left: 70%;
        font-family: 'Cormorant Infant', serif;  
        margin-top: -1.5%;
        line-height : 1.4vw;

    }

    #marginT4 {
        font-family: 'Cormorant Infant', serif;  
        font-size: 15px;
        position: absolute;
        margin-top: 10%;
        width: 45%;
        margin-left: -15%;

    }

    

    #imgmenu2 {
        position: absolute;
        width: 55%;
        margin-left: 55%;
        animation: fadeIn 5s;
        margin-top: 3%;

     }
     
     
     .anahi {    
        position: absolute;
        font-family: 'Cormorant Infant', serif;  
        font-size: 1vw;
        animation: fadeIn 5s;
        margin-top: 47%;
        margin-left: 55%;

    }

    
 }


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

    .fichatecnica {
        font-family: 'Cormorant Infant', serif;  
        font-size: 1.65vw;
    }

    .marginright{
        font-family: 'Cormorant Infant', serif;  
        font-size: 1.65vw;
        line-height : 2px;
        margin-left: 20px;
    }

    .newsletter {
        font-family: 'Cormorant Infant', serif;
        font-size: 1.8vw;
        margin-left: 8%;
        margin-bottom:3%;
        color: black;
        bottom: 0;
        left:0;
        position: fixed;
        z-index: 999;
    }
    

    #nuevomargen {
        margin-top: 10%;
        margin-bottom: 0%;
    }
    #marginT3 {
        font-family: 'Cormorant Infant', serif;  
        position: absolute;
        margin-top: 15%;
        margin-left: -10%;
        
    }
  

    #marginT2 {
        margin-left: 80%;
        font-family: 'Cormorant Infant', serif;  
        margin-top: -1.5%;
        line-height : 1.4vw;

    }

    #marginT4 {
        font-family: 'Cormorant Infant', serif;  
        font-size: 15px;
        position: absolute;
        margin-top: 10%;
        width: 45%;
        margin-left: -25%;

    }

    

    #imgmenu2 {
        position: absolute;
        width: 55%;
        margin-left: 55%;
        animation: fadeIn 5s;
        margin-top: 3%;

     }
     
     
     .anahi {    
        position: absolute;
        font-family: 'Cormorant Infant', serif;  
        font-size: 1vw;
        animation: fadeIn 5s;
        margin-top: 47%;
        margin-left: 55%;

    }

    
 }