body, html {
    height: 100%;
	width: 100%;
    margin: 0;
} 
body.back {
    background:url("../images/church1.gif");
    height: 100%; 
    width: 100%; 
	/* Center and scale the image  */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
body.about {
	background:url("../images/roses-3882799_1280.jpg");
	height: 100%; 
    width: 100%; 
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;	
}
body.meet {
	background:url("../images/roses-3870290_1280.jpg");
	height: 100%; 
    width: 100%; 
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;	
}
body.buy {
	background:url("../images/frame-3877420_1280.jpg");
	height: 100%; 
    width: 100%; 
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;	
}
body.contact {
	background:url("../images/mailbox-1056324_1280-2.jpg");
	height: 100%; 
    width: 100%; 
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;	
}	     
h1 {
  font-family: "Times New Roman";
  font-size: 62px;
  padding: 10px 10px;
  text-align: center;
  text-transform: uppercase;
  text-rendering: optimizeLegibility;
  }
h1.shadow {
  color: #131313;  /* font color */
  background-color: none;  /*#e7e5e4;*/  
  letter-spacing: 0.15em;
  text-shadow: 1px -1px 0 #767676,-1px 2px 1px #737272,-2px 4px 1px #767474,-3px 6px 1px #787777,-4px 8px 1px #7b7a7a,
              -5px 10px 1px #7f7d7d,-6px 12px 1px #828181,-7px 14px 1px #868585,-8px 16px 1px #8b8a89,-9px 18px 1px #8f8e8d,
              -10px 20px 1px #949392,-11px 22px 1px #999897,-12px 24px 1px #9e9c9c,-13px 26px 1px #a3a1a1,-14px 28px 1px #a8a6a6,
              -15px 30px 1px #adabab,-16px 32px 1px #b2b1b0,-17px 34px 1px #b7b6b5,-18px 36px 1px #bcbbba,-19px 38px 1px #c1bfbf,
              -20px 40px 1px #c6c4c4,-21px 42px 1px #cbc9c8,-22px 44px 1px #cfcdcd,-23px 46px 1px #d4d2d1,-24px 48px 1px #d8d6d5,
              -25px 50px 1px #dbdad9,-26px 52px 1px #dfdddc,-27px 54px 1px #e2e0df,-28px 56px 1px #e4e3e2;
  }
h2.shadow2 {
  color: #131313;  /* font color */
  background-color: none;  /*#e7e5e4;*/  
  letter-spacing: 0.15em;
  text-shadow: 
       	1px 1px 0px #FFF, 
		2px 2px 0px #999,
		3px 3px 0px #FFF;
}
h2 {
  font-family: "Times New Roman";
  font-size: 35px;
  padding: 15px 15px;
  text-align: center;
  text-transform: uppercase;
  text-rendering: optimizeLegibility;
  }
#menu-box {
  width: 1200px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}      
#menu {
  width: 1100px; /* position of menu items*/ 
  list-style: none;
  margin: 1px 0 0 0; padding: 1px 50px;  /* position of all menus on screen*/ 
  text-align: center;
}
#menu li {
  display: inline-block; /* lines up menu items */ 
  width: 150px;
  margin: 0 40px;
  position: relative;
  -webkit-transform: skewy(-3deg); /* angle of menu blocks*/
  -webkit-backface-visibility: hidden;
}
#menu li a {
  /*text-transform: uppercase; */
  font-family: "Times New Roman";
  font-weight: 800;
  display: block; /*padding around menu names */
  padding: 12px 6px; /*space around menu names */
  color: #333;      /* font color of menu names */
  font-size: 18px; /* font size of menu names */
  text-align: center;
  text-decoration: none;
  text-shadow:      /*shadow behind font*/
		1px 1px 0px #FFF, 
		2px 2px 0px #999,
		3px 3px 0px #FFF;   
}
#menu a:hover {
  color: #ff0000; /* font color after mouse-over of menu names default=#d90075 */
}
/* Grow Shadow */
.hvr-grow-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 
     0 0 1px rgba(0, 0, 0, 0),
     0 0 0px 2px #000 inset;  /* box outline of menu names*/
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow, transform;
  transition-property: box-shadow, transform;
}
.hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
  box-shadow:
     0 20px 10px -10px rgba(0, 0, 0, 0.75), /* shadow on mouse-over*/
     0 0 0px 2px #000 inset; /* box outline of menu names*/
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
[class^="hvr-"] {
  margin: .4em;
  padding: 1em;
  cursor: pointer;
  background: #e7e5e4; /*#e1e1e1;*/
  text-decoration: none;
  color: #666;
  border-radius: 50%;
  /* Prevent highlight color when element is tapped */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  /* Smooth fonts */
  -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
 }
#content-box {
  width: 1100px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
#content-box2 {
  width: 700px;
  margin-top:3cm;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  overflow: auto;
}
#content-box3 {
  display: block;
  width: 500px;
  margin-top:1.5cm;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  overflow: auto;
}
#image1 {
  float: left;
  margin-top:0.5cm;
  width: 45%;
}
#image2 {
  float: left;
  margin-top:0.50cm;
  margin-left:2.00cm;
  width: 350px;
  height: 550px;
}
#logo1 {
  float: left;
  width: 40%;
  padding: 0 0 0 70px;
} 
#text1 {
  float: left;
  margin-top:2.5cm;
  font-size:1.25em;
  font-family: "Times New Roman";
  font-family: cursive;
  color: #ffffff;
  text-align:justify;
  width: 49%;
}
#text2 {
  float: left;
  width: 500px;
  height: 500px;
  margin-top:0.25cm;
  padding: 0.5cm;
  font-size:.95em;
  font-family: "Times New Roman";
  font-weight: bold;
  font-family: cursive;
  text-align:justify;
  overflow: scroll;
  overflow-x: hidden;
}
#text3 {
  float: left;
  margin-top:0.15cm;
  font-size: 1.35em;
  font-family: "Times New Roman";
  font-weight: bold;
  font-family: cursive;
  text-align:justify;
  width: 49%;
}
#text4 {
  display: inline-block;
  margin-top:0.50cm;
  font-size: 1.5em;
  font-face: "Helvetica";
  font-weight: bold;
  text-align:justify;
}
#bold {
  font-size:1.00em;
  font-family: "Times New Roman";
  font-family: cursive;
  letter-spacing: -1px;
  color: #FF0000;
  text-align:justify;
}
#title {
  font-size: 2.0em;
  font-family: "Helvetica";
  font-weight: bold;
  text-align:justify;
}
#title2 {
  font-size: 1.25em;
  font-face: "Helvetica";
  font-weight: bold;
  text-align:justify;
}
#footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1em;
  text-align: center;
}