body {
    color: #575756;
}

.text-primary-dark {color: #8e1230;}
.text-naranja {color:#ff7500;}
.text-morado {color:#953589;}

.bg-primary-dark {background-color: #8e1230;}
.bg-naranja {background-color:#ff7500;}
.bg-morado {background-color:#953589;}
.bg-salmon {background-color:#e9573d;}

.radius-redondo {border-radius:2em;-webkit-border-radius:2em;-moz-border-radius:2em;}

a.hoverablelink.text-white:hover {text-decoration:none;color:#fcaaa0 !important;}

header {
    position:relative;
    overflow:visible;
    z-index:9;
}

header #mainlogo {
    position:absolute; 
    top:0px; 
    left: 0px;
    max-width:90%;
}

@media (min-width: 420px) {
    header #mainlogo {
        max-width:65%;
    }
}

@media (min-width: 860px) {
   header #mainlogo {
        left: 18%;
        max-width:32%;
    }
}


#sloganslider strong {font-weight:500;}

#sloganslider {font-size:0.9rem;}

@media (min-width: 768px) {
    #sloganslider {font-size:0.9rem;}
}

@media (min-width: 1080px) {
    #sloganslider {font-size:1.2rem;}
}

@media (min-width: 1200px) {
    #sloganslider {font-size:1.4rem;}
}

@media (min-width: 1300px) {
    #sloganslider {font-size:1.6rem;}
}

@media (min-width: 1800px) {
    #sloganslider {font-size:2rem;}
}



#colsonrisas {
    background-image: url(../img/leon_solidario.jpg);
    background-size: cover;
    background-position: center;  
    min-height:85vw;
}

@media (min-width: 768px) {
    #colsonrisas {min-height:unset;}
}

#colsonrisasht {
    margin-top:30vw;
    flex-direction:column;
}

@media (min-width: 1200px) {
    #colsonrisasht {
        margin-top:40vw;
        flex-direction:row;
    }
}


/*



body {
    color: #575756;
}











#mainbanner {
    border-bottom: solid 15px #c1210d;
}

@media (max-width: 600px) {
    #mainbanner h1 {
        font-size:2em;
    }
}

#sloganslider #slogansliderh1 {font-size:3rem;}
#sloganslider h1 {font-size:2.5rem;}
#sloganslider h2 {font-size:2rem;}

@media (min-width: 1000px) {
    #sloganslider h1 {font-size:3rem;}
    #sloganslider h2 {font-size:2.5rem;}
    #sloganslider #slogansliderh1 {font-size:5rem;}
}


#rowconvertirme, footer > img {
    border-left: solid 10px #c1210d;
}



#hazaqui h2 {
    font-size: 19px;
}

@media (min-width: 600px) {
    #hazaqui h2 {
        font-size: 20px;    
    }
}

@media (min-width: 800px) {
    #hazaqui h2 {
        font-size: 22px;    
    }
}

@media (min-width: 1080px) {
    #hazaqui h2 {
        font-size: 25px;    
    }
}

@media (max-width: 768px) {
    #colsonrisas {
        min-height: 58vw;
    }
}


*/