@charset "utf-8";
/* CSS Document */
body,h1,h2,h3,h4,h5,h6 {font-family: TimesNewRoman, "Times New Roman", sans-serif;}
body, html {
  height: 100%;
  color: black;
  line-height: 2;
}

/* Create a Parallax Effect */
 .bgimg-2, .bgimg-3 {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@supports (-webkit-touch-callout: none) {
    .bgimg-1, .bgimg-2, .bgimg-3 {
        background-attachment: scroll;
        background-size: auto 100vh;
    }

}

/* Turn off parallax scrolling for tablets and phones*/
/* @media only screen and (max-device-width: 1600px) { */
@media only screen and (max-device-width: 480px) {
  .bgimg-1, .bgimg-2, .bgimg-3 {
    background-attachment: scroll;
    min-height: 400px;
  }
}


/* Media Query for Mobile Devices */
@media (max-width: 767px) {
        .hidden-mobile {
          display: none;
        }

      }
@media (min-width: 768px) {
        .hidden-destop {
          display: none;
              }
            }



.bgimg {
  background-image: url('images/bg22.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}

/* Second image (Portfolio) */
.bgimg-2 {
  background-image: url("images/banner1.jpg");
  min-height: 400px;

/*  filter: blur(2px);
  -webkit-filter: blur(2px);
  */
}

/* Third image (Contact) */
.bgimg-3 {
  background-image: url("images/footer.jpg");
  min-height: 500px;

}

.w3-wide {letter-spacing: 10px;}
.w3-hover-opacity {cursor: pointer;}

.button4 {
  background-color: white;
  color: black;
  border: 2px solid #e7e7e7;
}

.button {
  border: none;
  color: black;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}
/* gold #C8B370*/
.button4:hover {background-color: #CFAA01;color: white;}

.caption {
  position: absolute;
  left: 0;
  top: 30%;
  width: 100%;
  text-align: center;
  color: #000;
}

.caption span.border {
  background-color: #111;
  color: #fff;
  padding: 18px;
  font-size: 25px;
  letter-spacing: 10px;
}

h3 {
  letter-spacing: 5px;
  text-transform: uppercase;
  font: 22px ;
  color: white;
}