body {
  font-family:'Open Sans';
  background-image:linear-gradient( 135deg, #FDD819 0%, #E80505 100%);
}

h1 {
  font-family:'Open Sans';
  font-weight:bold;
  padding:.5em;
  color:white;
}

h2 {
  font-family:'Open Sans';
  padding:.5em;
  color:white;
  font-size:30px;
  font-weight:bold;
}

h3 {
  color:white;
  font-family:'Open Sans';
  font-size:24px;
  padding:.5em;
  font-weight:bold;
}

h4 {
  font-family:'Open Sans';
  padding:.5em;
  font-size:20px;
  color:white;
  font-weight:bold;
  border-bottom-style:solid;
  border-bottom-color:white;
  border-bottom-width:.25em;
  padding-bottom:.5em;
}

h5 {
  font-family:'Open Sans';
  padding:.5em;
  color:white;
  font-size:18px;
}

h6 {
  font-family:'Open Sans';
  padding:.5em;
}

p {
  font-family:'Open Sans';
  color:white;
  font-size:17px;
}

a {
  color:white;
  font-size:30px;
  display:block;
  margin:auto;
}

img {
  display:block;
  margin:auto;
  margin-bottom:.5em;
  margin-top:.5em;
}

.hours {
  display:flex;
  justify-content:space-between;
}

.hours > div:first-child {
  padding:20px 0 0 30px;
}

.hours > div:last-child {
  padding:20px 30px 0 0;
}

hr {
  margin:5px 30px 25px;
}

.hours-box {
  min-width:25em;
  background:#fff;
  box-shadow:2px 2px 2px 0 rgba(0, 0, 0, 0.2);
  padding:1em;
}

ul:first-child li:first-child {
  font-weight:bold;
  color:#000;
}

ul:last-child li:first-child {
  cursor:pointer;
}

ul {
  margin:0;
  padding:15px;
  list-style:none;
}

ul li {
  color:#777;
}

img {
  max-width:100%;
  height:auto;
}

.video {
  background:#fff;
  padding-bottom:20px;
  box-shadow:0 1px 1px rgba(0, 0, 0, 0.15);
  margin:1%;
  float:left;
  position:relative;
  width:100%;
  height:0;
  padding-bottom:56.25%;
}

.video figure {
  height:0;
  padding-bottom:60%;
}

@media (max-width: 1366px) {
  .video {
    width:23%;
  }
}

@media (max-width:1024px) {
  .video {
    width:31.333%;
  }
}

@media (max-width:600px) {
  .video {
    width:48%;
  }
}

@media (max-width:360px) {
  .video {
    display:block;
  }
}

p {
  margin:0;
}

page {
  position:relative;
  height:100%;
}

.show-popup .magnificPopup {
  opacity:1;
  visibility:visible;
}

.magnificPopup iframe {
  position:absolute;
  top:50px;
  left:50%;
  margin-left:-280px;
}

.mfp-container {
  text-align:center;
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  padding:0 8px;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

.mfp-iframe {
  position:absolute;
  width:50%;
  height:560px;
  z-index:2;
  opacity:1;
  transition:.3s ease;
  top:50px;
  left:50%;
  display:block;
  margin:auto;
  margin-left:-350px;
}

.mfp-bg {
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:1042;
  overflow:hidden;
  position:fixed;
  background:#0b0b0b;
  opacity:.8;
  margin-right:4em;
}

.mfp-wrap {
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:1043;
  position:fixed;
  outline:0!important;
  -webkit-backface-visibility:hidden;
}

.mfp-close {
  color:#fff;
  right:-6px;
  text-align:right;
  padding-right:6px;
  width:100%;
}

button.mfp-close {
  overflow:visible;
  cursor:pointer;
  background:0 0;
  border:0;
  -webkit-appearance:none;
  display:block;
  outline:0;
  padding:0;
  z-index:1046;
  -webkit-box-shadow:none;
  box-shadow:none;
  font-size:75px;
  font-weight:bold;
}

.video-stream {
  width:100%;
}

.don quijote.jpg {
  outline:solid;
  outline-color:white;
  outline-width:20px;
}