/* note: this is a hack for ios iframe for bootstrap themes shopify page */
/* this chunk of css is not part of the toolkit :) */
/* …curses ios, etc… */
@media (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  body {
    width: 1px;
    min-width: 100%;
    *width: 100%;
  }
  #stage {
    height: 1px;
    overflow: auto;
    min-height: 100vh;
    -webkit-overflow-scrolling: touch;
  }
}

.nav-item > a {
   color: #F29225!important;
}
.nav-item > a:hover {
  color: #E6E6E6!important;
}

.parallax {
 /* The image used */
 background-image: url("assets/img/11.jpeg");

 /* Full height */
 height: 100%;

 /* Create the parallax scrolling effect */
 background-attachment: fixed;
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
}


.parallax1 {
/* The image used */
background-image: url("assets/img/13.jpg");

/* Full height */
height: 100%;

/* Create the parallax scrolling effect */
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

@media only screen and (max-device-width: 700px) {
.parallax {
background-attachment: scroll;
}
.parallax1 {
background-attachment: scroll;
background-image: url("assets/img/13mobile.jpg");

}
}

.text-grey {
color: #BEC8CE!important;
}

.text-brown {
color: #c9a47e!important;
}

.text-orange {
color: #F29225!important;
}

.text-green {
color: #4BAB49!important;
}

.text-black {
color: #000000!important;
}

.bg-brown {
background-color: #c9a47e!important;
}

.link-grey a {
  text-decoration: none!important;
  color: #BEC8CE!important;
}