/* if you do not remove the margin, you will see a vertical scrollbar on the .parallax div */
body
{
   margin: 0;
}

/* parallax "viewport" */
.ParallaxViewport
{
   height: 100vh;
   overflow-x: hidden;
   overflow-y: auto;
   perspective: 10px;
   /*
   background-image: url('images/CoupleExpectingRain_1920x1080.jpg');
   background-repeat: no-repeat;
   background-attachment: fixed;
   background-size: cover;
   */
}


.ParallaxGirlMeadow
{
   /* The image used */
   background-image: url("images/top.jpg");
   /* Set a specific height */
   height: 100vh;
   /* Create the parallax scrolling effect */
   background-attachment: fixed;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
}
.ParallaxCoupleCuddle
{
   /* The image used */
   background-image: url("images/bottom.jpg");
   /* Set a specific height */
   height: 100%;
   /* Create the parallax scrolling effect */
   background-attachment: fixed;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
}

.parallax-layer
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
}

.parallax-layer.layer2
{
   top: 20rem;
   height:480px;
   width: 100%;
   /*
   height: 50rem;
   */
   border: 2px solid green;
   background-color: #99CCFF;
   transform: translateZ(-1px);
}

/* Topic Panel */
.PageTopicPanel
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   border-width: 1px;
   border-style: solid;
   border-color: #0066FF;
   padding: 24px;
   text-align: left;
   vertical-align: top;
   background-color: #99CCFF;
}

.PageTopicTitle
{
   margin-top: 0px;
   margin-bottom: -10px;
   font-family: President;
   font-size: 24pt;
   letter-spacing: 1pt;
   color: #0066FF;
   text-decoration: underline;
   text-align: left;
   vertical-align: middle;
}

.PageTitleGlyph
{
   width: 40px;
   height: 40px;
   border: none;
   float: right;
}

.PageBodyText12
{
   font-family: Tahoma;
   font-size: 12pt;
   color: #0066FF;
   text-align: left;
   vertical-align: top;
}