/*@import url('https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
.my-1 { margin-top: 1em; margin-bottom: 1em; }
.my-2 { margin-top: 2em; margin-bottom: 2em; }
.my-3 { margin-top: 3em; margin-bottom: 3em; }
.my-4 { margin-top: 4em; margin-bottom: 4em; }
.my-5 { margin-top: 5em; margin-bottom: 5em; }
.mt-5 { margin-top: 5em; }
.pl-3 { padding-left: 3em; }
.ml-3 { margin-left: 3em; }
.px-1 { padding-right: 1em; padding-left: 1em; }
.px-2 { padding-right: 2em; padding-left: 2em; }
.white { color: #fff; }
.black { color: #000; }
.silver { color: silver; }
.gray { color: #3C3D4D; }
.brown { color: #C77A46; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.inline-block { display: inline-block; }
body { color: #3C3D4D; }
html, body { font-family: "Outfit"; }
#top { position: relative; }
#slides { z-index: 0; }
/* Small only */
@media screen and (max-width: 39.9375em) {
  .extra-h1 { font-size: 3em; }
  #top{ height: 100vh; background: url('../img/slides/surque1.jpg')no-repeat  center; background-size: cover; }
  .icon-surque-txt { position: absolute; bottom: 0; right: 0; max-height: 250px; z-index: 6; }  
}
/* Medium and up */
@media screen and (min-width: 40em) {
  .extra-h1 { font-size: 5em; }
  .icon-surque-txt { position: absolute; bottom: 2em; right: 4em; max-height: 250px; z-index: 6; }
  .m-pl-3 { padding-left: 3em; }
  .m-ml-3 { margin-left: 3em; }
}
#logo { position: absolute; width: 100%; height: 100%; max-height: 500px; z-index: 5; top: 0; }
.hr { border-width: 5px; width: 50px; border-color: #C77A46;  }
.box-prop { background: url('../img/bgs/surco.jpg') no-repeat; background-size: cover; padding-top: 8em; padding-bottom: 2em; margin-top: -20px; }
.box-prop h3 { line-height: 2em; text-shadow: 0px 0px 6px black; }
.social-menu li { display: inline-block; margin: 0 10px 0 10px; }
.social-menu li img { max-height: 70px; }
.icon-surco { max-height: 150px; margin-top: -50px; }
.icon-reserva { max-height: 200px; }

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }