@font-face {
   font-family: "Bodoni 72 Oldstyle";
   src: url("/assets/fonts/bodoni-72-oldstyle-book.ttf") format("truetype");
}

@font-face {
   font-family: "Gill Sans Light";
   src: url("/assets/fonts/Gill-Sans-Light.otf") format("opentype");
   font-weight: 200;
}

html {
   /* 10px */
   font-size: 62.5%;
}

body {
   font-family: "Gill Sans Light", sans-serif;
   font-size: 1.6rem;
}

h1,
h2 {
   font-family: "Bodoni 72 Oldstyle", serif;
   font-size: 4rem;
}

h3 {
   font-family: "Bodoni 72 Oldstyle", serif;
   font-size: 3rem;
}

h5 {
   font-family: "Bodoni 72 Oldstyle", serif;
   font-size: 3rem;
}

p {
   font-family: "Gill Sans Light", sans-serif;
   font-size: 3rem;
}

ul li {
   font-size: 2.4rem;
   color: #3c2415;
   margin-left: 3rem;
}

ul li::marker {
   color: #3c2415;
}

.text-banner {
   font-size: 3.5rem;
}

.text-social {
   font-size: 3.5rem;
}

.text-icon {
   font-family: "Gill Sans Light", sans-serif;
   font-size: 3rem;
}

.text-park-house {
   font-family: "Gill Sans Light", sans-serif;
   font-size: 3rem;
}

.head-kanha {
   font-size: 5rem;
   line-height: 1.0em;
}

.text-jogging {
   font-size: 3rem;
}

.kanha-color-1 {
   color: #3c2415;
}

.kanha-color-2 {
   color: #595959;
}

.kanha-color-3 {
   color: #ecf0ee;
}

.bg-kanha-1 {
   background-color: #3c2415;
}

.bg-kanha-2 {
   background-color: #c4c4bb;
}

.bg-kanha-3 {
   background-color: #e7e7e4;
}

.bg-kanha-4 {
   background-color: #2c1f17;
}

.bg-kanha-5 {
   background-color: #d6d6d0;
}

.bg-amenidades {
   background-image: url("/assets/images/Back-amenidades.webp");
   background-color: #ffffff;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
}

.bg-park-house {
   background-image: url("/assets/images/park-house-kanha.webp");
   background-color: #ffffff;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   height: 130rem;
}

.bg-ycc {
   background-image: url("/assets/images/ycc/back-ycc.webp");
   background-color: #c4c4bb;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
}

.img-logo {
   max-width: 40%;
   height: auto;
}
   .img-ycc {
      max-width: 40%;
         height: auto;
   }
 .img-footer {
      max-width: 70%;
   }
.img-logo-kanha {
   max-width: 30%;
   height: auto;
}

.icon-kanha {
   max-width: 35%;
   height: auto;
}

.img-ycc-1 {
   max-width: 90%;
   height: auto;
}

.fix-left {
   margin-left: 0rem;
}

.u-none {
   text-decoration: none;
}

.cash-img {
   max-width: 66%;
   height: auto;
}

.position-jogging {
   top: 100%;
   left: 50% !important;
   transform: translate(-50%, -50%) !important;

}

.shadow-lg {
   box-shadow: 0 1rem 3rem rgba(0, 0, 0, .5) !important;
}

.top-ycc {
   padding-top: 15rem;
}

.bi {
   font-size: 5rem;
}

.fix-social {
   margin-left: 5rem;
}

.fix-top-social {
   margin-top: 7rem;
}
.fix-top-footer {
   margin-top: 7rem;
}



#social a:link {
   text-decoration: none;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {

   h1,
   h2 {
      font-size: 4rem;
   }

   h3 {
      font-size: 2rem;
   }

   h5 {
      font-size: 2.5rem;
   }

   p {
      font-size: 2rem;
   }

   ul li {
      font-size: 1.8rem;
      margin-left: 0rem;
   }

   .text-icon {
      font-size: 2rem;
   }

   .head-kanha {
      font-size: 2.6rem;
   }

   .img-logo {
      max-width: 60%;
   }


   .icon-kanha {
      max-width: 15%;
   }

   .fix-left {
      margin-left: 7.5rem;
   }

   .cash-img {
      max-width: 100%;
   }

   .text-banner {
      font-size: 2.2rem;
   }

   .text-park-house {
      font-size: 2rem;
   }

   .text-jogging {
      font-size: 1.8rem;
   }

   .top-ycc {
      padding-top: 2rem;
   }

   .text-social {
      font-size: 2.4rem;
   }

   .fix-social {
      margin-left: 0rem;
   }

   .fix-top-social {
      margin-top: 1.5rem;
   }
      .bi {
   font-size: 4rem;
}
 .img-footer {
      max-width: 50%;
   }
    .img-ycc {
      max-width: 50%;
   }
.fix-top-footer {
   margin-top: 0rem;
}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

   h1,
   h2 {
      font-size: 5rem;
   }

   h3 {
      font-size: 2rem;
   }

   h5 {
      font-size: 2.5rem;
   }

   p {
      font-size: 2rem;
   }

   .head-kanha {
      font-size: 3rem;
   }

   ul li {
      font-size: 1.8rem;
      margin-left: 0rem;
   }

   .text-icon {
      font-size: 2rem;
   }

   .img-logo {
      max-width: 80%;
   }

   .icon-kanha {
      max-width: 15%;
   }

   .fix-left {
      margin-left: 11rem;
   }

   .cash-img {
      max-width: 100%;
   }

   .text-banner {
      font-size: 2.4rem;
   }

   .text-park-house {
      font-size: 2rem;
   }

   .bg-park-house {
      height: 0rem;
   }

   .bg-amenidades {
      background-size: cover;
   }

   .text-jogging {
      font-size: 1.8rem;
   }

   .top-ycc {
      padding-top: 2rem;
   }

   .fix-social {
      margin-left: 0rem;
   }

   .fix-top-social {
      margin-top: 2rem;
   }

   .text-social {
      font-size: 2.4rem;
   }
      .bi {
   font-size: 4rem;
}
 .img-footer {
      max-width: 30%;
   }
    .img-ycc {
      max-width: 30%;
   }
.fix-top-footer {
   margin-top: 0rem;
}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {

   h1,
   h2 {
      font-size: 6;
   }

   h3 {
      font-size: 2.4rem;
   }

   h5 {
      font-size: 3rem;
   }

   p {
      font-size: 2.2rem;
   }

   ul li {
      font-size: 2.2rem;
      margin-left: 1rem;
   }

   .head-kanha {
      font-size: 5rem;
   }



   .text-icon {
      font-size: 1.2rem;
   }

   .img-logo {
      max-width: 50%;
   }

   .icon-kanha {
      max-width: 30%;
   }

   .fix-left {
      margin-left: 0rem;
   }

   .cash-img {
      max-width: 100%;
   }

   .text-banner {
      font-size: 2.8rem;
   }

   .text-park-house {
      font-size: 2.8rem;
   }

   .bg-park-house {
      height: 130rem;
   }

   .bg-amenidades {
      background-size: cover;
   }

   .text-jogging {
      font-size: 1.8rem;
   }

   .top-ycc {
      padding-top: 0rem;
   }

   .text-social {
      font-size: 3rem;
   }
      .bi {
   font-size: 4rem;
}
 .img-footer {
      max-width: 20%;
   }
    .img-ycc {
      max-width: 20%;
   }
.fix-top-footer {
   margin-top: 0rem;
}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {

   h1,
   h2 {
      font-size: 6.5rem;
   }

   h3 {
      font-size: 3rem;
   }

   h5 {
      font-size: 3.5rem;
   }

   p {
      font-size: 2.4rem;
   }

   ul li {
      font-size: 2.4rem;
      margin-left: 3rem;
   }

   .head-kanha {
      font-size: 6rem;
   }

   .text-icon {
      font-size: 2.2rem;
   }

   .img-logo {
      max-width: 40%;
   }

   .icon-kanha {
      max-width: 20%;
   }

   .fix-left {
      margin-left: 0rem;
   }

   .cash-img {
      max-width: 66%;
   }

   .text-banner {
      font-size: 3.5rem;
   }

   .text-park-house {
      font-size: 3rem;
   }

   .bg-park-house {
      height: 130rem;
   }

   .bg-amenidades {
      background-size: cover;
   }

   .text-jogging {
      font-size: 2rem;
   }
   .fix-social {
      margin-left: 0rem;
   }

   .fix-top-social {
      margin-top: 7.5rem;
   }
   .text-social {
      font-size: 2.4rem;
   }
      .bi {
   font-size: 5rem;
}
 .img-footer {
      max-width: 80%;
   }
.fix-top-footer {
   margin-top: 4rem;
}
   .img-ycc {
      max-width: 40%;
   }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

   h1,
   h2 {
      font-size: 7rem;
   }

   h5 {
      font-size: 3.5rem;
   }

   p {
      font-size: 2.6rem;
   }

   ul li {
      font-size: 2.4rem;
      margin-left: 3rem;
   }

   .head-kanha {
      font-size: 7rem;
   }

   .text-icon {
      font-size: 2.2rem;
   }

   .img-logo {
      max-width: 40%;
   }

   .icon-kanha {
      max-width: 20%;
   }

   .fix-left {
      margin-left: 0rem;
   }

   .cash-img {
      max-width: 66%;
   }

   .text-banner {
      font-size: 3.5rem;
   }

   .text-park-house {
      font-size: 3rem;
   }

   .bg-park-house {
      height: 130rem;
   }

   .bg-amenidades {
      background-size: cover;
   }

   .text-jogging {
      font-size: 2rem;
   }

   .top-ycc {
      padding-top: 13rem;
   }

   .text-social {
      font-size: 3rem;
   }
   .bi {
   font-size: 5rem;
}
 .img-footer {
      max-width: 70%;
   }
.fix-top-footer {
   margin-top: 5rem;
}
   .img-ycc {
      max-width: 40%;
   }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media only screen and (min-width: 1400px) {

   h1,
   h2 {
      font-size: 7rem;
   }

   h5 {
      font-size: 3.5rem;
   }

   p {
      font-size: 2.6rem;
   }

   ul li {
      font-size: 2.4rem;
      margin-left: 3rem;
   }

   .head-kanha {
      font-size: 7rem;
   }

   .text-icon {
      font-size: 2.2rem;
   }

   .img-logo {
      max-width: 40%;
   }
 .img-footer {
      max-width: 60%;
   }
   .icon-kanha {
      max-width: 20%;
   }

   .fix-left {
      margin-left: 0rem;
   }

   .cash-img {
      max-width: 66%;
   }

   .text-banner {
      font-size: 3.5rem;
   }

   .text-park-house {
      font-size: 3rem;
   }

   .bg-park-house {
      height: 130rem;
   }

   .bg-amenidades {
      background-size: cover;
   }

   .text-jogging {
      font-size: 2.4rem;
   }

   .top-ycc {
      padding-top: 15rem;
   }

   .text-social {
      font-size: 3.5rem;
   }
   .bi {
   font-size: 5rem;
}
.fix-top-footer {
   margin-top: 7rem;
}
   .img-ycc {
      max-width: 40%;
   }
}