@media screen and (max-width: 960px) {
  header {
    margin-bottom: 45px;
  }

  h1, h2 {font-size:1.4em;}

  .contenido p {font-size: 0.95em; color: #404040;}

  .bt-menu {
    display: block;
  }

  .cabecera {
    display:block;
    width:100%;
    padding: 0;
    position: absolute;
    top:0;
    background:#004F84;
    z-index: 1000;
  }
  nav {
    position: absolute;
    width: 80%;
    height: 100%;
    margin-top: 59px;
    top: 0;
    background: #004F84;
    left: -100%;
    z-index: 1000;
  }

  nav ul a {
    display: block;
    border-bottom:1px solid rgba(255,255,255,.5);
    z-index: 1000;
  }
}

@media screen and (max-width: 1150px) {
  .wrapper {
    width: 100%;
  }
}