.float-image-left {
    float: left;
    margin-right: 3rem;
}
.float-image-right {
    float: right;
    margin-left: 3rem;
}
.div-h {
    position: relative;
}
.div-h > h1 {
    position: absolute;
    color: white;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.big-icon {
    font-size: 16rem;
}
.invert { filter: invert(100%); }

/* nav */
.nav-font {
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    font-weight: bolder;
}

/* colors */
.green {
    background: var(--color1)!important;
}
.cyan {
    background: var(--color2)!important;
}
.whiteblue {
    background: var(--color4)!important;
}
.grey {
    background: var(--color5)!important;
}
.btn-green {
    background: var(--color1)!important;
}
.btn-cyan {
    background: var(--color8)!important;
    border: solid 1px var(--color9)!important;
    color: var(--color7)!important;
    font-weight: bold!important;
}
.btn-cyan:hover {
    background: var(--color9)!important;
    color: var(--color7)!important;
}
.btn-blue {
    background: var(--color6)!important;
    border: solid 1px var(--color7)!important;
    color: var(--color7)!important;
    font-weight: bold!important;
}
.btn-blue:hover {
    background: var(--color6)!important;
    color: var(--color7)!important;
}
.btn-lightblue {
    background: var(--color3)!important;
}
.btn-whiteblue {
    background: var(--color4)!important;
}
.btn-grey {
    background: var(--color5)!important;
}

/* post content */
.post-content {
    border: none;
}
.post-content img {
    height: auto !important;
    width: 100% !important;
}

/* titulo */
.montserrat {
    font-family: 'lemonmilk';
}

/* botones */
.btng {
    background: var(--color10) !important;
    font-family: 'lemonmilk-bold'!important;
    font-size: .9rem !important;
    letter-spacing: 2px !important;
    border-radius: 25px !important;
    color: white !important;
}
.linkg {
    background: var(--color10) !important;
    font-family: 'lemonmilk-bold'!important;
    font-size: .8rem !important;
    letter-spacing: 2px !important;
    border-radius: 25px !important;
    color: white !important;
    padding: 5px 40px 5px 40px !important;
}

/* errore */
.inp_error {
    border: solid 1px red!important;
}

/*-------------------------------------------*/
/*                whatsapp icon
/*-------------------------------------------*/
#cont-whatsapp {
    overflow: hidden;
    position: fixed;
    top: auto;
    bottom: 2%; 
    right: 2%;
    z-index: 1000;
}
#cont-whatsapp > a > img {
    width: 50px;
    height: auto;
    opacity: 0.7;
    filter: alpha(opacity=40);
}
#cont-whatsapp > a > img:hover {
    opacity: 1.0;
    filter: alpha(opacity=100);
}