body, html{
	height: 100%;
	margin: 0px;
	font-family: helevetica;
	font-size: 0px;
	background-color: #gray;
	color: #666;
}

.ptext{
	top:50%;
	width:100%;
	text-align: right;
	position: absolute;
	color: black;
	font-size: 50px;
}

.pimg1{
	background-image: url("https://i.imgur.com/jqiVMnz.gif");
	min-height: 100%;
	min-width: 100%;
	margin:0px;
	position: relative;
	opacity: 0.85;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.pimg1 div ul li {
	font-size: 20px;
	color: white;
	background-color: black;
	display:block;
	width:8%;
	text-align: center;
	list-style-type: none;
	margin: 0;
	padding: 2%;

}
.pimg1 div ul li a{
	display: block;
	color: white;
	padding: 3% 6%;
	text-decoration: none;
}
.pimg1 div ul li a:hover {
	background-color: #555;
	color:white;
}

.section{
	margin: 0;
	font-size: 24px;
	text-align: center;
	padding: 35px;
	background-color: black;
	color: white;
	overflow: hidden;
}
.section ul {
	list-style-type: none;
	margin:0;
	padding: 0;
	overflow: hidden;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
}
.section ul li{
	float: left;
	width: 50%;
}
.section ul li a{
	display: inline-block;
	width:100%;
	color:white;
	text-align: center;
	padding:40px 0;
}
.section ul li a:hover {
	background-color: #555;

}

.pimg2{	
	margin: 0;
	font-size: 30px;
	text-align: right; 
	color:black;
	background-size: cover
}
.pimg2 h1{
	text-align: left;
	padding-left: 5%;
	padding-top: 15px
}
.pimg2 p{
	text-align: left;
	font-family: garamond;
	padding: 0px 10px 0px 5%;
	overflow: auto;
}


.footer{
	text-align: center;
	font-size: 14px;
	color:white;
	width: 100%;
	padding-top: 15px;
	padding-bottom: 10px;
	background-color: black;
	
}