body{
font-family: "jaf-bernina-sans",sans-serif;
font-style: normal;
font-weight: 400;
background-color: white;
}

h1, h2, h3, h4, h5, h6
{
font-family: "ff-enzo-web",sans-serif;
font-style: normal;
font-weight: 300;
}
a {
    color: #f012be;
border-bottom: 1px #f012be dotted;
}
a:hover, a:focus {
    color: #b10dc9;
}

footer
{
background-color: #f012be;
font-family: "ff-enzo-web",sans-serif;
font-style: normal;
font-weight: 300;
font-size: 1.125em;
}
footer strong
{
font-family: "ff-enzo-web",sans-serif;
font-style: normal;
font-weight: 300;
color: white;
}
footer p
{
font-family: "ff-enzo-web",sans-serif;
font-style: normal;
font-weight: 300;
color: white;
}
.panel
{
background-color: white;
font-style: italic;
color: gray;
}
.panel p
{
color: gray;
}

button, .button {
    background-color: #dddddd;
    border-color: white;
    color: gray;
    font-family: "ff-enzo-web",sans-serif;
font-style: normal;
font-weight: 300;
    transition: background-color 300ms ease-out 0s;
}
button:hover, button:focus, .button:hover, .button:focus {
    background-color: gray;
}
button:hover, button:focus, .button:hover, .button:focus {
    color: #ffffff;
}

.top-bar {
    background: none repeat scroll 0 0 #85144b;
}
.top-bar-section li:not(.has-form) a:not(.button) {

      background: #85144b; }
      .top-bar-section li:not(.has-form) a:not(.button):hover {
        background-color: #85144b;

}

.top-bar-section li:not(.has-form) a:not(.button) {
    line-height: 2.7rem;
border-bottom: none;

}


h1.logo
{
	background-image: url(../img/logoluke.png);
	text-indent: -9999px;
	background-repeat: no-repeat;
	width: 321px;
	height: 198px;
	margin-left: 0.3em;
}


.lema blockquote
{
color: #85144b;
font-style: italic;
border-left: none;
font-family: "jaf-bernina-sans",sans-serif;
font-weight: 400;
}
.numeroyano
{
float: right;
color: white;
}

.numeroyano h5
{
font-size: 1.5em;
line-height: 4em;
color: white;
}

.tituloyautor
{
background-color: #b10dc9;
padding: 0 2em;
}

.autor
{
float: right;
}
.autor h3
{
color: white;
font-size: 2.5em;
}
.titulo
{

}
.titulo h2
{
color: white;
}
.eltexto
{
background-color: white;
padding: 2em 0;

}
.texto
{
-webkit-columns: 300px 3;
   -moz-columns: 300px 3;
        columns: 300px 3;
font-size: 1.125em;
}
.texto blockquote
{
color: #b10dc9;
font-family: "ff-enzo-web",sans-serif;
font-style: normal;
font-weight: 300;
font-size: 1.5em;
}

.texto2
{
-webkit-columns: 1;
   -moz-columns: 1;
        columns: 1;
font-size: 1.125em;
}
.texto2 blockquote
{
color: #b10dc9;
font-family: "ff-enzo-web",sans-serif;
font-style: normal;
font-weight: 300;
font-size: 1.5em;
}

.texto2 h4
{
background-color: #ff851b ;
text-transform: uppercase;
text-align: center;
color: white;
}
.top-bar-section ul li > a.button.alert {
    background-color: #85144b;
    border-color: white;
}
.top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus {
    background-color: black;
}
.redes
{
background-color: white;
}
.imagenes
{
background-color: white;
padding: 1em 0;
}
.destacar
{
color: #85144b;
font-size: 1.125em;
font-family: "ff-enzo-web",sans-serif;
font-style: normal;
font-weight: 300;
font-size: 1.125em;
}
.inclinado
{
font-style: italic;
}

hr {
  border: dotted #DDDDDD;
  border-width: 1px 0 0;
  margin: 2rem 0 2rem;
 }











@media screen and (min-width: 40em) {

.lema
{
width: 50%;
font-size: 1.125em;

}

}