/* CSS Document */

.Hermandad {
	border-radius:  3px;
	background: #08436dff;;
    text-align: center;
}
.Hermandad a{
	color: white;
}

.SSanta a{
	color: white;
}
.Normal {text-align: center;
		color: black; }
.SSanta {background: #663399;
		color: white;
         text-align: center;}
.Noticias {
	border-radius: 13px;
	background: #996600;
    text-align: center;}
.Iglesia {
	background: #09F;
    text-align: center;
	border-radius: 13px;
}
.Festivo {
	text-align: center;
	color: #F00;
	font-weight: bold;
}

.mes {
	background-color: #DDD;
	color: black;
	padding: 10px;
	margin: 10px;
	border-radius: 5px;
	font-size: 15px;
}

.nombre_mes {
	width: 100%;
	padding: 0px;
	margin: 0px;
	text-align: right;
	font-family: 'Raleway', sans-serif;
	font-size: 25px;
	font-weight: bold;
	color: #444;
}

.mes_grande {
	background-color: #DDD;
	color: black;
	padding: 20px;
	margin: 10px;
	border-radius: 5px;
	font-size: 22px;
}

.nombre_mes_grande {
	width: 100%;
	padding: 0px;
	margin: 0px;
	text-align: right;
	font-family: 'Raleway', sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #444;
}

.dias {
	background: #AAA;
	text-align: center;
}

.calendario {
	display: grid;
	grid-template-columns: 27px 27px 27px 27px 27px 27px 27px;
}

.calendario_grande {
	display: grid;
	grid-template-columns: 33px 33px 33px 33px 33px 33px 33px;
}

.calendarioMes {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

@media only screen and (max-width: 768px){
    .calendarioMes {
        grid-template-columns: 1fr;
    }
}