@font-face 
{
    font-family: 'Pinyon Script';
    src: url('../Fonts/Pinyon_Script/PinyonScript-Regular.ttf');
}
@font-face 
{
    font-family: 'Montserrat';
    src: url('../Fonts/Montserrat/Montserrat-VariableFont_wght.ttf');
}
@font-face 
{
    font-family: 'Riwaya';
    src: url('../Fonts/Riwaya/29lt-riwaya-regular.ttf');
}

body {
    background-color: rgb(252, 237, 233);    
}
/* div{
    border: 1px solid #CCC;
} */

.row{                          
    display:flex;
    justify-content: center;  
    align-items: center;       
}
div .flower {
    background-image: url("../Images/Rosa.png");
    background-size: 390px 390px;       
    width: 390px;
    height: 390px;                             
                        
}
div .flower-transparent {
    background-image: url("../Images/Rosa.png");
    background-size: 390px 390px;
    background-repeat: no-repeat;       
    width: 390px;
    height: 390px;                             
    opacity: 0.4;
    margin-left: 80px;
    margin-right: 80px;                    
}
div .flower-transparent-small {
    background-image: url("../Images/Rosa.png");
    background-size: 390px 390px; 
    background-repeat: no-repeat;      
    width: 390px;
    height: 390px;                             
    opacity: 0.4;
            
}
div .empty{
    width: 390px;
    height: 390px;
    display:flex;
    justify-content: end;  
    align-items: flex-start;
    flex-direction: column;            
                                    
}  
div .empty-bigger{
    width: 590px;
    height: 390px;                                                         
}
div .empty-higher{
    width: 390px;
    height: 390px;
    display:flex;
    justify-content: end;  
    align-items: flex-start;
    flex-direction: column;                                                         
}            
.image-mirror{
    transform: translate(0px, 0px) rotate(180deg); 
}
.title-simple
{
    font-family: "Montserrat", sans-serif;
    font-size: 1.5em;
    font-weight: 400;
    color: rgb(173, 64, 32);              
}
.title-cursive
{         
    font-family: "Pinyon Script", cursive;
    font-size: 4.5em;
    font-weight: 400;
    color: rgb(173, 64, 32);                    
}
.title-cursive-2
{         
    font-family: "Pinyon Script", cursive;
    font-size: 4em;
    font-weight: 400;
    color: rgb(173, 64, 32);                    
}
.title-cursive-3
{         
    font-family: "Pinyon Script", cursive;
    font-size: 2em;
    font-weight: 400;
    color: rgb(173, 64, 32);                    
}
.title-cursive-4
{         
    font-family: "Pinyon Script", cursive;
    font-size: 3.5em;
    font-weight: 400;
    color: rgb(173, 64, 32);                    
}
.title-cursive-5
{         
    font-family: "Pinyon Script", cursive;
    font-size: 2.7em;
    font-weight: 400;
    color: rgb(173, 64, 32);                    
}

div .box-central{
    width: 590px;
    height: 390px;
    display:flex;
    justify-content: center;  
    align-items:start;
    flex-direction: column;   
}
div .box-central-2{
    width: 590px;
    height: 400px;
    display:flex;
    justify-content: center;  
    align-items:start;
    flex-direction: column;   
}
.margin-bottom-20px
{
    margin-bottom: 20px;
}
.margin-bottom-50px
{
    margin-bottom: 50px;
}
.center-div
{
    align-self: center;
}
.corona
{
    background-image: url("../Images/Corona.png");
    background-size: 490px 560px;       
    width: 490px;
    height: 560px;
}
.double-height
{
    height:650px !important;
}
.box-centered-elements{          
    display:flex;
    justify-content: center;  
    align-items:start;
    flex-direction: column;   
}
.text-simple
{
    font-family: "Montserrat", sans-serif;
    font-size: 1.2em;
    font-weight: 400;
    color: rgb(173, 64, 32);              
}
.items-reverse-stack 
{    
    display: flex !important;
    justify-content: start!important;
    align-items: start!important;
    flex-direction: column!important;
}
.text-height
{
    height:190px !important;
}
.text-simple-bold
{
    font-family: "Montserrat", sans-serif;
    font-size: 1.6em;
    font-weight: 700;
    color: rgb(173, 64, 32);              
}
.text-address
{
    font-family: "Montserrat", sans-serif;
    font-size: 1.2em;
    font-weight: 600;
    color: rgb(173, 64, 32);  
    font-style: italic;            
}
.text-simple-2
{
    font-family: "Riwaya";
    font-size: 1.7em;
    font-weight: 400;
    color: rgb(173, 64, 32);              
}
.btn-liverpool
{
    background-color: rgb(225, 0, 152);
    height: 70px;
    border-color: transparent; 
    cursor: pointer;   
}
.btn-liverpool-text
{
    color: white;
    font-weight: 600;
}
.btn-lista-deseos
{
    background-color: rgb(2, 40, 67);
    height: 50px;
    border-color: transparent; 
    cursor: pointer;   
}
.snowflake {
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: white;
    border-radius: 6px;
  }

@media(1200px < width <= 1302px)
{
    .text-simple-bold 
    {
        font-family: "Montserrat", sans-serif;
        font-size: 1.2em;
        font-weight: 600;
        color: rgb(173, 64, 32);
    }
    .text-address 
    {
        font-family: "Montserrat", sans-serif;
        font-size: 1em;
        font-weight: 500;
        color: rgb(173, 64, 32);
        font-style: italic;
    }
}

@media(800px < width <= 1200px)
{
    div .flower 
    {
    background-image: url(../Images/Rosa.png);
    background-size: 200px 200px;
    width: 200px;
    height: 200px;
    }
    div .empty 
    {
    width: 390px;
    height: 200px;
    display: flex;
    justify-content: end;
    align-items: flex-start;
    flex-direction: column;
    }
    div .flower-transparent-small 
    {
    background-image: url(../Images/Rosa.png);
    background-size: 200px 200px;
    background-repeat: no-repeat;
    width: 200px;
    height: 200px;
    opacity: 0.4;
    }
    div .box-central 
    {
    width: 470px;
    height: 330px;
    display: flex;
    justify-content: center;
    align-items: start;
    flex-direction: column;
    }    
    .title-cursive-2 
    {
    font-family: "Pinyon Script", cursive;
    font-size: 3em;
    font-weight: 400;
    color: rgb(173, 64, 32);
    }
    .title-cursive 
    {
        font-family: "Pinyon Script", cursive;
        font-size: 3.5em;
        font-weight: 400;
        color: rgb(173, 64, 32);
    }
    .title-simple 
    {
    font-family: "Montserrat", sans-serif;
    font-size: 1.2em;
    font-weight: 400;
    color: rgb(173, 64, 32);
    }

    .text-simple-bold 
    {
        font-family: "Montserrat", sans-serif;
        font-size: 1.2em;
        font-weight: 600;
        color: rgb(173, 64, 32);
    }
    .text-address 
    {
        font-family: "Montserrat", sans-serif;
        font-size: 1em;
        font-weight: 500;
        color: rgb(173, 64, 32);
        font-style: italic;
    }
    .margin-bottom-50px 
    {
    margin-bottom: 30px;
    }
    .margin-bottom-20px 
    {
    margin-bottom: 10px;
    }
    .text-simple-2 
    {
    font-family: "Riwaya";
    font-size: 1.1em;
    font-weight: 400;
    color: rgb(173, 64, 32);
    }
    .title-cursive-5 
    {
    font-family: "Pinyon Script", cursive;
    font-size: 2.3em;
    font-weight: 400;
    color: rgb(173, 64, 32);
    }
}
@media(width <= 800px)
{
    div .flower 
    {
    background-image: url(../Images/Rosa.png);
    background-size: 200px 200px;
    width: 200px;
    height: 200px;
    }
    div .empty 
    {
    width: 390px;
    height: 200px;
    display: flex;
    justify-content: end;
    align-items: flex-start;
    flex-direction: column;
    }
    div .flower-transparent-small 
    {
    background-image: url(../Images/Rosa.png);
    background-size: 200px 200px;
    background-repeat: no-repeat;
    width: 200px;
    height: 200px;
    opacity: 0.4;
    }
    div .box-central 
    {
    width: 470px;
    height: 330px;
    display: flex;
    justify-content: center;
    align-items: start;
    flex-direction: column;
    }    
    .title-cursive-2 
    {
    font-family: "Pinyon Script", cursive;
    font-size: 3em;
    font-weight: 400;
    color: rgb(173, 64, 32);
    }
    .title-cursive 
    {
        font-family: "Pinyon Script", cursive;
        font-size: 3.5em;
        font-weight: 400;
        color: rgb(173, 64, 32);
    }
    .title-simple 
    {
    font-family: "Montserrat", sans-serif;
    font-size: 1.2em;
    font-weight: 400;
    color: rgb(173, 64, 32);
    }

    .text-simple-bold 
    {
        font-family: "Montserrat", sans-serif;
        font-size: 1.2em;
        font-weight: 600;
        color: rgb(173, 64, 32);
    }
    .text-address 
    {
        font-family: "Montserrat", sans-serif;
        font-size: 1em;
        font-weight: 500;
        color: rgb(173, 64, 32);
        font-style: italic;
    }
    .margin-bottom-50px 
    {
    margin-bottom: 30px;
    }
    .margin-bottom-20px 
    {
    margin-bottom: 10px;
    }
    .text-simple-2 
    {
    font-family: "Riwaya";
    font-size: 1.1em;
    font-weight: 400;
    color: rgb(173, 64, 32);
    }
    .title-cursive-5 
    {
    font-family: "Pinyon Script", cursive;
    font-size: 2.3em;
    font-weight: 400;
    color: rgb(173, 64, 32);
    }
}