body, html {
  height: 100%;
  margin: 0;
  font: 400 15px/1.8 "Lato", sans-serif;
  color: #777;
}

/*
   #############################################
            SHARP UPDATE CSS CLASSES
   #############################################
*/


/* ________ the standard sharp update module css _______ */

/* the style of the image buttons (mostly margins) */
.shu_buttons {}

.shu_table {
    text-align: justify;max-width: 800px
}
.shu_title { letter-spacing: 5px;
  text-transform: uppercase;
  font: 20px "Lato", sans-serif;
  color: #111;
    text-align: center;
}
.shu_img {padding: 30px}
.shu_text {font-size: 1.1em}
.shu_file {}

/* ________ the sharp update advert insert module css _______ */

.shu_title_insert {} /* title anchor */
.shu_img_insert {} /* image anchor */
.shu_txt_insert {} /* text anchor */

/* ________ the sharp update summary module css _______ */

.summary_table {}
.summary_title {}
.summary_text {}

/* ________ the sharp update links module css _______ */

.link_table {}
.link_title {}
.link_img {}
.link_text {}

/* the style of the text above the links */
.links_header {}

/* the style of the anchor text above the links */
.links_header_anchor {}

/* ________ the sharp update guestbook module css _______ */

.guestbook_table {}
.guestbook_title {}
.guestbook_text {}

/* the style of the text above the links */
.guestbook_header {}

/* the style of the anchor text above the links */
.guestbook_header_anchor {}

/* ________ the sharp update adverts module css _______ */

.advert_table {}
.advert_title {}
.advert_img {}
.advert_text {}
.advert_phone {}
.advert_feedback {}

/* the style of the text above the adverts */
.adverts_header {}
/* the style of the anchor text above the adverts */
.adverts_header_anchor {}

/* ________ the sharp update shopping module css _______ */

.shop_table {}
.shop_title {}
.shop_file {}
.shop_img {}
.shop_text {}
.already_in_cart {}
.shop_button {}
.shop_class_2 {}
.shop_checkout {}

/* ________ the sharp update checkout module css _______ */

.checkout_table {}
.checkout_title {}
.checkout_table_2 {}
.checkout_button {}
.checkout_class_2 {}
/* the style of the text asking user additional instructions */
.checkout_class_3 {}
.checkout_terms_and_conds {background: #EEDD66; font-weight: bold}

/* ________ the sharp update diary module css _______ */

.diary_table {}
.diary_header {}
.diary_text {}

/* ________ the sharp update mini cart module css _______ */

.mini_cart_table {}
.mini_cart_header {}
.mini_cart_text {}
.mini_cart_text_2 {}



/* ________ the sharp update archive output css _______ */

.shu_archive_title {}


.topnav {
  overflow: hidden;
  background-color: #111;
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav a.active {
  background-color: #4CAF50;
  color: white;
}

.topnav .icon {
  display: none;
}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}

.bgimg-1,.bgimgh-1, .bgimg-2, .bgimgh-2, .bgimg-3 {
  position: relative;
  opacity: 0.99;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}
.bgimg-1 {
  background-image: url("/img/img.jpg");
  min-height: 100%;
}

.bgimgh-1 {
  background-image: url("/img/tess.JPG");
  min-height: 100%;
}
.bgimg-2 {
  background-image: url("/img/img2.jpg");
  min-height: 400px;
}
.bgimgh-2 {
  background-image: url("/img/liz_shiatsu_001.jpg");
  min-height: 400px;
}
.bgimg-3 {
  background-image: url("/img/img3.jpg");
  min-height: 400px;
}

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

.caption span.border {
  background-color: #111;
  color: #fff;
  padding: 18px;
  font-size: 25px;
  letter-spacing: 10px;
  box-shadow: 10px 0 0 #111, -10px 0 0 #111;
  box-decoration-break: clone;
}

.box1, .box2, .footer {
   background-color:white;text-align:center;padding:20px 20px
}

h3 {
  letter-spacing: 5px;
  text-transform: uppercase;
  font: 20px "Lato", sans-serif;
  color: #111;
}

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