body { 
  	height: 100%;
	font-size: 16pt;
  	font-family: "calibri", Helvetica, sans-serif;
	padding-left: 2em;
  	padding-right: 2em;
  	color: white;
  	background-color: black; }
header {
	height: 100vh;
	background-image: url(pink_flower_flt_50.jpg);  
  	background-position: center center;
 	background-repeat: no-repeat;
 	background-attachment: fixed;
  	background-size: cover;
  	background-color: black; 
	margin-bottom: 0.5em; }

@media only screen and (max-width: 768px) {
	body {
	  font-size: 4vw; }
	header {
 	  height: auto;
	  max-width: 100%;
	  background-image: url(sunset_10.png);
	  background-attachment: scroll; }
	.chevron {
	  display: none; }
	.para1 {
	  height: auto;
	  width: 100%;
	  background-image: url(Sue_Fallen_Secret.jpg);
	  background-size: 100%;
	  background-attachment: scroll; }
	.para1a {
	  height: auto;
	  width: 100%;
	  background-image: url(Cool_outline_invert.jpg);
	  background-size: contain;
	  background-attachment: scroll; }
	.para2 {
	  height: auto;
	  width: 100%;
	  background-image: url(sunset_10.jpg);
	  background-size: contain;
	  background-attachment: scroll; }
	.para3 {
 	  height: auto;
 	  max-width: 100%;
	  background-image: url(Mt_Everest_blue_sky_10.JPG);
	  background-size: contain;
	  background-attachment: scroll; }
	.footer {
	  font-size: 1.5vw; }
	.socialmedia li a {
	  font-size: 2.5vw; }
}
#nav {
	width: 100%;
	float: left;
	margin: 0 0 1em 0;
	padding: 0;
	background-color: black; }
#nav ul {
	list-style: none;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: center; }
#nav li {
	display: inline; }
#nav li a {
	display: inline-block;
	padding: 14px 16px;	
	text-decoration: none;
	font-weight: bold;
	color: #0B4AF4; }
#nav li a:hover {
	text-decoration: underline;
	color: red; }
#nav li a:visited {
	text-decoration:none;
	color:purple; }
.chevron {
	position: absolute;
	bottom: 0em; 
	right: 0.75em;
	font-size: 10vw; }
.chevron a:link {
	color: #FFB3DE; }
.chevron a:visited { 
    text-decoration: none;
	color: purple; }
.chevron a:hover { 
	color: red; }
.text {
	position: relative;
	top: 20%;
	width: 100%;
	text-align: center; }
.text1 {
	position: relative;
	top: 15%;
	width: 100%; 
	text-align: center; }
.text1a {
	color: white;
	font-weight: bold;
	position: relative;
	top: 15%;
	width: 100%; 
	text-align: center; }
.text2 {
	color: white;
	font-weight: bold;
	position: relative;
	top: 15%;
	width: 100%;
	text-align: center; }
.h2	{
    margin: 0px; 
	padding: 0px; }
.para1 {
	height: 900px;
	background-image: url(Sue_Fallen_Secret.jpg); 
  	background-attachment: fixed;
 	background-position: center; 
   	background-repeat: no-repeat;	
	background-size: cover; }
.para1a {
	height: 900px;
	background-image: url(Cool_outline_invert.jpg); 
  	background-attachment: fixed;
 	background-position: center; 
   	background-repeat: no-repeat;	
	background-size: cover; }
.para2 {
	height: 900px;
	background-image: url(sunset_50.jpg); 
  	background-attachment: fixed;
 	background-position: center; 
   	background-repeat: no-repeat;	
	background-size: cover; }
.para3 {
	height: 900px;
	background-image: url(Mt_Everest_blue_sky.JPG); 
  	background-attachment: fixed;
 	background-position: center; 
   	background-repeat: no-repeat;	
	background-size: cover; }
.footer {
	padding: 0.4em;
	margin-bottom: 2em;
	bottom: 0;
	height: 0.75em;
  	width: 100%;
	font-size: 12pt; }
.left {
	float: left; }
.right {
	float: right; }
.socialmedia ul {
	list-style: none; }
.socialmedia li {
	display: inline; }
.socialmedia li a{
	display: inline; 
	font-size: 18pt;
	margin-right: 0.25em;
	color: white; }
.socialmedia li a:hover {
	text-decoration:underline;
	color: red; }
.socialmedia li a:visited {
	text-decoration: none;
	color: purple; }	

a:link { text-decoration: none;
	color: #0B4AF4; }
a:visited { text-decoration: none;
	color: purple; }
a:hover { text-decoration: underline;
	color: red; }