body{
    background-image: none;
    background-color: #220A0B;
    background-attachment: fixed;
    background-size: cover;
    color: #220A0B;
    font-family: "Andada Pro", serif;
}

.contenedor-central{
    max-width: 750px;
    margin: 0 auto;
    position: relative;
    border: none;
    /* height: 200vh; */
    border-radius: 0;
    padding-top: 100px;
    padding-bottom: 100px;
    background-image: url(../../images/bella/fondocenter.png);
    background-size: contain;
}

.subtitulo{
    font-family: 'Meddon';
}
.titulo{
    font-family: 'Mea Culpa';
    color: #220A0B;
}




.liga{
    font-size: 1.3em;
    color: #220A0B;
}

a.btn-confirm {
    display: block;
    border: solid 1px #220A0B;
    width: 40%;
    float: left;
    padding: 20% 5%;
    max-height: 360px;
    border-radius: 3%;
    margin: 5%;
    text-decoration: none;
    color: #220A0B;
    background-color: transparent;
}
a.btn-confirm{
    background-color: rgba(0,0,0,.1);
}

a.btn-confirm:hover{
    border-color: #220A0B;
    background-color: rgba(0,0,0,.2);
    cursor: pointer;
}


.link-rec {
    text-decoration: none;
    color: #220A0B;
}

.link-rec:hover{
    color: #CDA32F;
}

img#imgbella_completa {
    width: 80%;
    margin: 0 auto;
    box-shadow: 2px 2px 10px #000;
    padding: 10px;
}
img#imgbella {
    display: inline-block;
    border-radius: 100%;
    max-width: 90%;
    padding: 10px;
    box-shadow: 2px 2px 20px;
}

@media (min-width:320px)  { 
    
    .contenedor-central{
        max-width: 90%;
    }
    h2.subtitulo {
        font-size: 1.8em;
    }
    .titulo{
        font-size: 2.8em;
    }
    .text-base {
        font-size: 1em;
    }

    .cont-fecha {
        width: 90%;
    }
    span.numero-tiempo {
        font-size: 2.5em;
    }
    .titulo-tiempo{
        font-size: 1em;
    }
    .btns-confirm {
        max-width: 90%;
        margin: 0 auto;
    }
    a.btn-confirm {
        display: block;
        border: solid 1px #CDA32F;
        width: 46%;
        float: left;
        padding: 11% 2%;
        max-height: 360px;
        border-radius: 3%;
        margin: 2%;
        text-decoration: none;
        color: #220A0B;
        min-height: 27vh;
    }
    .caja-recomendaciones {
        background-image: url(../../images/bella/fondorecomendaciones-paper.png);
        height: 302px;
        width: 90%;
        background-repeat: no-repeat;
        margin: 0 auto;
        background-size: contain;
        padding: 50px 30px
    }
    .menu-rec  li {
        margin-top: 1vh;
    }
    a.link-rec {
        font-size:.9em;
    }
    p.frase {
        font-size: 1.5rem;
    }
}
@media (min-width:481px)  { 
 
    .contenedor-central{
        max-width: 90%;
    }
    h2.subtitulo {
        font-size: 1.8em;
    }
    .titulo{
        font-size: 2.8em;
    }
    .cont-fecha {
        width: 90%;
    }

    span.numero-tiempo {
        font-size: 2.5em;
    }
    .titulo-tiempo{
        font-size: 1em;
    }
    
    .text-base {
        font-size: 1em;
    }
    .btns-confirm {
        max-width: 90%;
        margin: 0 auto;
    }
    a.btn-confirm {
        display: block;
        /* border: solid 1px #CDA32F; */
        width: 46%;
        float: left;
        padding: 11% 2%;
        max-height: 360px;
        border-radius: 3%;
        margin: 2%;
        text-decoration: none;
        color: #220A0B;
        min-height: 27vh;
    }
    .caja-recomendaciones {
        background-image: url(../../images/bella/fondorecomendaciones-paper.png);
        height: 302px;
        width: 90%;
        background-repeat: no-repeat;
        margin: 0 auto;
        background-size: contain;
        padding: 50px 30px
    }
    .menu-rec  li {
        margin-top: 1vh;
    }
    a.link-rec {
        font-size:.9em;
    }
    p.frase {
        font-size: 1.5rem;
    }

 }
@media (min-width:641px)  { 
    .contenedor-central{
        max-width: 750px;
    }

    .subtitulo{
        font-size: 2.7em;
    }
    .titulo{
        font-size: 4.3em;
    }
    .cont-fecha {
        width: 80%;
    }

    span.numero-tiempo {
        font-size: 3.5em;
    }
    .titulo-tiempo{
        font-size: 2em;
    }
    
    .btns-confirm {
        max-width: 90%;
        margin: 0 auto;
    }
    a.btn-confirm {
        display: block;
        border: solid 1px #CDA32F;
        width: 46%;
        float: left;
        padding: 11% 2%;
        max-height: 360px;
        border-radius: 3%;
        margin: 2%;
        text-decoration: none;
        color: #220A0B;
        height: 39vh;
    }

    .caja-recomendaciones{
        background-image: url('../../images/bella/fondorecomendaciones-paper.png');
        height: 492px;
        width: 570px;
        background-repeat: no-repeat;
        margin: 0 auto;
        padding: 100px;
    }
    .menu-rec  li {
        margin-top: 3vh;
    }
    a.link-rec {
        font-size:1.3em;
    }
    p.frase {
        font-size: 2.5rem;
    }
    .text-base {
        font-size: 1em;
    }
}
@media (min-width:1024px) {
    
    .contenedor-central{
        max-width: 750px;
        margin: 0 auto;
        position: relative;
    }
    .subtitulo{
        font-size: 2.7em !important;
    }
    .titulo{
        font-size: 4.3em;
    }

    .cont-fecha {
        width: 60%;
    }
    
    span.numero-tiempo {
        font-size: 3.5em;
    }
    .titulo-tiempo{
        font-size: 2em;
    }
    .btns-confirm {
        max-width: 90%;
        margin: 0 auto;
    }
    a.btn-confirm {
        display: block;
        border: solid 1px #CDA32F;
        width: 46%;
        float: left;
        padding: 11% 2%;
        max-height: 360px;
        border-radius: 3%;
        margin: 2%;
        text-decoration: none;
        color: #220A0B;
        height: 39vh;
    }
    .caja-recomendaciones{
        background-image: url('../../images/bella/fondorecomendaciones-paper.png');
        height: 492px;
        width: 570px;
        background-repeat: no-repeat;
        margin: 0 auto;
        padding: 100px;
    }
    .menu-rec  li {
        margin-top: 3vh;
    }
    a.link-rec {
        font-size:1.3em;
    }
    p.frase {
        font-size: 2.5rem;
    }
    .text-base {
        font-size: 1em;
    }
}