.mask{
    background: url('https://misionerosdeguadalupe.org/img/portaCalen1.jpg'); background-repeat: no-repeat; background-size: cover; height: 200px; background-position: center top;
}

@font-face {
    font-family: 'Raleway';
    src: url(https://misionerosdeguadalupe.org/general/font/raleway/Raleway-Bold.ttf);
}

@font-face {
    font-family: 'Raleway1';
    src: url(https://misionerosdeguadalupe.org/general/font/raleway/Raleway-Medium-Original.otf);
    font-style: normal;
}

@font-face {
    font-family: 'Raleway2';
    src: url(https://misionerosdeguadalupe.org/general/font/raleway/Raleway-Light.ttf);
    
}

@font-face {
    font-family: 'MoreSugar';
    src: url(https://misionerosdeguadalupe.org/cofami/font/MoreSugar/MoreSugar-Thin.otf);
}


.rojomg{
    background-color: #D0043C;
}

.rojomg-texto{
    color: #D0043C;
}

.gris-fondo{
    background-color: #f1f1f1;
}

.gris-fuerte{
    background-color: #999999;
}

.dropdown-toggle, .menu{
    color: #ffffff !important; 
    font-size: 13px;
    font-family: 'Raleway2', sans-serif;
}

.menu-dona{
    color: #ffffff !important; 
    font-size: 15px;
    font-family: 'Raleway2', sans-serif;
}

.dropdown-item{
    color: #ffffff !important; 
    font-size: 13px;
    font-family: 'Raleway1', sans-serif;}


.dropdown-item2{
    color: #ffffff !important; 
    font-size: 14px;
    font-family: 'Raleway1', sans-serif;
    padding-top: 60px;
    text-decoration: none;

}

.dropdown-item:hover{
    color: #848484 !important;
    font-family: 'Raleway1', sans-serif;
    font-size: 13px;
    background-color: #ffffff;
}

.iconosblancos{
    color: #ffffff !important;
}

.navbar-toggler{
    color: #ffffff;
    border-color: #D0043C;
    border-width: 0px;
}

.navbar-toggler:hover{
    color: #ffffff;
    background-color: #D0043C;
    border-color: #D0043C;
}

.tituloheader{
    color: #D0043C; 
    font-family: 'Raleway1', sans-serif;
    font-size: 40px; 
    text-align:center;
}

.tituloheader-movil{
    color: #D0043C; 
    font-family: 'Raleway1', sans-serif; 
    font-size: 30px; 
    text-align:left;
}

.texto-general{
    font-family: 'Raleway1', sans-serif;
    font-size: 16px;
}

.videos{
    width:100%; 
    aspect-ratio:16/9;
}


#posts .post{
    padding: 10px 0 10px 0;
}

#posts .card-body{
    padding-left: 10px;
    font-size: 20px;
}

.texto-botones{
    font-family: 'Raleway2', sans-serif;
    font-size: 12px;

}

.titulo-cofami{
    font-family: MoreSugar;
    font-size: 50px;
    color: black;
}


.rojo{
    color: #c61618;
}

.verde{
    color: #006524;
}

.morado{
    color: #734a91;
}

/*Botones de donacion, unidos por africa*/
.boton-mg{
    background-color: #D0043C;
    border-color: #D0043C;
}

.boton-mg:hover{
    background-color: #ffffff;
    color: #D0043C;
    border-color: #D0043C;
}

header{
    background-color: white;
}