body {
  marging-top: 2rem;
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: red;
}
a:hover, a:focus {
    color: gray;
}

h1
{
text-align: left;
 font-size: 1.5em;
  font-weight: 700;
  padding: 0.3em 0.6em;;
  color: white;
  background-color: red;
  border-bottom: 2px silver solid;
}
h3{
  
  color: gray;
}

blockquote {
  padding: 0.5625rem 1.25rem 0 1.25rem;
  border-left: none;
color: red;
  font-family: "ff-enzo-web",sans-serif;
font-style: italic;
font-weight: 700;  
}


.title-bar {
  background: black;
  padding: 0.9rem; }

.top-bar {
  background: black; }
  .top-bar ul {
    background: black; }
    .top-bar ul li {
      background: black; }
      .top-bar ul li a {
        color: #fff; }

.menu-text {
  color: #fff; }


.submenu ul
{
list-style-type: none;
}
.submenu li
{
margin: 0.5em 0.2em;
 color: gray;
}

.texto
{
padding: 2em;
font-size: 1.125em;

}

.button {
  background: red;
 }
  .button:hover, .button:focus {
    background: black;
}

.button.secondary {
    background: black;
}
    .button.secondary:hover, .button.secondary:focus {
      background: gray;
}

footer
{
border-top: 1px black solid;
clear: both;
padding: 2em;
margin-top: 1em;
}
  
.abajo
{
  background-color: red;
}

.inclinado
{
font-style: italic;
} 
.panel
{
padding: 2em;
background-color: whitesmoke;
}
.destacar
{
font-weight: 700;
padding: 0.2em 0;
border-top: 1px silver solid;
border-bottom: 2px gray solid;
}
  
 .thumbnail:hover, .thumbnail:focus {
    box-shadow: 0 0 6px 1px rgba(255, 0, 0, 1); } 
  
  
  
  
  
  
  
  
  
  @media only screen and (max-width: 40em) {
  
  
    .menu-text {
      display: none !important; } 
      
      
      }
      
      

  

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


blockquote {
  font-size: 1.5em; 
}

.texto
{
border-right: 1px silver solid;
}

.menu-text {
  padding: 0.7rem 0.4rem; }
  
  .menu:last-child {
    border-left: 1px solid #4e4e4e; }

  .menu:first-child {
    border-left: none; }

  .menu li:not(:last-child) {
    border-right: 1px solid #4e4e4e; } }
.dropdown.menu .submenu {
  border: none; }

.dropdown.menu .is-dropdown-submenu-parent.is-right-arrow > a::after {
  border-color: #fff transparent transparent; }

.is-drilldown-submenu-parent > a::after {
  border-color: transparent transparent transparent #fff; }

.js-drilldown-back::before {
  border-color: transparent #fff transparent transparent; }