/* Box sizing */ * { box-sizing: border-box; } html { height: 100%; } /* Body element */ body { margin: 0px; border: none; padding: 0px; height: 100%; /* background-color: transparent; */ } .AspForm { height: 100%; /* background-color: transparent; */ } /* MasterPage Root Div */ #RootMasterDiv { border-style: none; height: 100%; padding: 0px; /* background-color: transparent; */ } .ContentDiv { height: 100%; text-align: center; /* background-color: transparent; */ } /* Topic Panel */ .PageTopicPanel { margin-left: 1%; margin-right: 1%; margin-bottom: 24px; border-width: 1px; border-style: solid; border-color: #0066FF; padding: 24px; width: 98%; 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; } .PageTopicSubtitle { margin-top: 0px; margin-bottom: 8px; font-family: President; font-size: 18pt; letter-spacing: 1pt; color: #0066FF; 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; } .GirlMeadowParallax { /* The image used */ background-image: url('images/top.jpg'); /* Full height */ height: 100%; /* Create the parallax scrolling effect */ background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } .CoupleIndoorsParallax { /* The image used */ background-image: url('images/bottom.jpg'); /* Full height */ height: 100%; /* Create the parallax scrolling effect */ background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; }