.mx-40 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
}

.float{
  position:fixed;
  width:60px;
  height:60px;
  bottom:40px;
  right:40px;
  background-color:#25d366;
  color:#FFF;
  border-radius:50px;
  text-align:center;
  font-size:30px;
  box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
  margin-top:16px;
}



nav a:hover { color: orange !important; }
header {    background: transparent url(../assets/header_bkg.png) bottom center /200% repeat-x !important; padding: 0.2rem 0 1rem 0; }
footer {    background: #FBFAF5 !important; font-size: 1em; }
.footer-icon { width: 40px; margin-bottom: 10px; }

section#sobrenos, body { background: #fcf9f3; }
h2 { font-weight: 600; }

      .swiper {
        width: 100%;
        height: 100%;
            margin-top: -20px;
      }

      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

      .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }




#menuToggle { display: none; }


.lg-hidden { display:none; }
.lg-show { display:flex; }



@media ( max-width: 767.98px ) {


  .swiper-slide img {
    min-height: 70vh;
}



.lg-hidden { display:block; }
.lg-show  { display:none; }
/* Style the navigation menu */
.topnav {
  overflow: hidden;
  background-color: rgb(165 108 85);
  position: relative;
}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
  display: none;
}

/* Style navigation menu links */
.topnav a {
  color: white;
  padding: 7px 16px;
  text-decoration: none;
  font-size: 21px;
  display: block;
}

/* Style the hamburger menu */
.topnav a.icon {
  background: transparent;
  display: block;
  position: absolute;
  right: 0;
  top: 8px;
    color: white;

}

/* Add a grey background color on mouse-over */
.topnav a:hover {
  background-color: transparent;
  color: white;
}

/* Style the active link (or home/logo) */
.active {
background-color: rgb(165 108 85);
  color: white;
} 


header {    padding: 0 !important;  }
footer {    font-size: .8em !important;    }
.footer-icon {    width: 30px;    margin-bottom: 10px;    }
hr:where(.astro-YCVAICVA) {    border-bottom: 1px solid;    margin: 0.3em auto;    width: 10px;    }



nav {
    width: 20%;
    right: 0;
    position: absolute;
    top: -10px;
}


#menuToggle {
  display: flex;
  flex-direction: column;
  position: relative;
  top: 25px;
  left: 25px;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
}

#menuToggle input
{
  display: flex;
  width: 40px;
  height: 32px;
  position: absolute;
  cursor: pointer;
  opacity: 0;
  z-index: 2;
}

#menuToggle span
{
  display: flex;
  width: 29px;
  height: 2px;
  margin-bottom: 5px;
  position: relative;
  background: #FBFAF5;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 5px 0px;
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}

#menuToggle input:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(-3px, -1px);
  background: #36383F;
}
#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

#menuToggle input:checked ~ span:nth-last-child(2)
{
  transform: rotate(-45deg) translate(0, -1px);
}

#menu
{
  position: absolute;
  width: 180px;
  height: 100vh;
  box-shadow: 0 0 10px #85888C;
  margin: -50px 0 0 -100px;
  padding: 50px;
  padding-top: 125px;
  background-color: #FBFAF5;
  -webkit-font-smoothing: antialiased;
  transform-origin: 0% 0%;
  transform: translate(100%, 0);
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#menu li
{
  padding: 10px 0;
  transition-delay: 2s;
}

#menuToggle input:checked ~ ul
{
  transform: none;
}

}