body { 
	background-color: White;
	font-family: Georgia, "Helvetica Neue", Sans-Serif;
}
a {
	color: #004AAD;
	text-decoration: none;
}
img {
	height: auto;
	max-width: 100%;
	float: right;
	margin-left: 1%;
	filter: drop-shadow(1px 1px 1px #505050);
}
#wrapper {
	display: grid;
	grid-auto-rows: minmax(0px, auto);
	grid-template-columns: minmax(0px, 1fr) repeat(6, minmax(0px, 160px)) minmax(0px, 1fr);
}
header {
	grid-column: 2 / 3;
	grid-row: 1 / 2;
	width: 100%;
	height: auto;
}
header img{
	max-height: none;
	max-width: none;
	height: auto;
	width: 140%;
	float: none;
	filter: none;
}
#logo {
	background-image: url("images/ParentScrapsWebsiteLogo.png");
	background-repeat: no-repeat;
	height: 60px;
	width: 240px;
	margin-left: -6%;
	margin-top: -4%;
}
nav {
	font-family: Georgia;
	font-size: 1.5em;
	color: #ffffff;
	margin-left: 15%;
	margin-right: -25%;
	margin-bottom: -7%;
	grid-row: 1 / 2;
	grid-column: 3 / 6;
	grid-template-rows: auto;
	grid-template-columns: auto;
	width: 100%;
	height: auto;
}
nav a { 
	text-decoration: none; 
	padding: 1rem 1rem ;
	display: block;
	text-align: center;
	color: #000000;
}
nav a:hover {
	color: #ffffff;
	background-color: #919191;
}
nav ul {
	margin: 0%;
	padding: 0%;
	list-style-type: none;
	display: flex;
	flex-flow:row nowrap;
}
nav ul li {
	width: 100%;
}
nav form{
	height: auto;
	width: 40%;
	border: 2px solid #808080;
	float: right;
	margin-right: -51.8%;
	margin-top: -9%;
}
footer {
	display: grid;
	grid-template-rows: auto;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-gap: .5rem;
	grid-row: 9 / 10;
	grid-column: 2 / 8;
	margin-top: 5%;
	width: 100%;
	height: auto;
}
footer p {
	font-family: "Helvetica Neue";
	font-size: 1rem;
	text-align: center;
}
#Homehero {
	background-image: url("images/HomeHero.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height: auto;
	max-width: 100%;
	grid-row: 2 / 3;
	grid-column: 2 / 8;
	filter: drop-shadow(1px 1px 1px #505050);
}
h1 {
	font-size: 1.2rem;
	font-family: "Helvetica Neue";
	grid-row: 2 / 3;
	grid-column: 2 / 8;
	color: white;
	padding-left: 7.5%;
	padding-top: 10%;
	filter: drop-shadow(2px 2px 2px #505050);
}
h2 {
	font-family: Georgia;
	font-size: 3rem;
	color: black;
	text-align: center;
	letter-spacing: .2rem;
}
h3 {
	font-family: Georgia;
	font-size: 2.2rem;
	color: black;
	text-align: center;
	padding-top: 5%;
}
h4 {
	font-size: 2rem;
	font-weight: 400;
	font-family: "Helvetica Neue";
	text-align: center;
}
#yellowline1 {
	background-image: url("images/YellowLine.jpg");
	background-repeat: no-repeat;
	height: 4px;
	width: 100%;
	margin-bottom: 5%;
	background-position: center;
}
#yellowline2 {
	background-image: url("images/YellowLine.jpg");
	background-repeat: no-repeat;
	height: 4px;
	width: 100%;
	background-position: center;
}
#yellowline3 {
	background-image: url("images/YellowLine.jpg");
	background-repeat: no-repeat;
	height: 4px;
	width: 100%;
	margin-bottom: 5%;
	background-position: center;
}
#yellowline4 {
	background-image: url("images/YellowLine.jpg");
	background-repeat: no-repeat;
	height: 4px;
	width: 100%;
	margin-bottom: 5%;
	background-position: center; 
}
#yellowline5 {
	background-image: url("images/YellowLine.jpg");
	background-repeat: no-repeat;
	background-size: auto;
	height: 4px;
	max-width: 100%;
	margin-bottom: 5%;
	background-position: center;
}
main {
	grid-row: 3 / 9;
	grid-column: 2 / 8;
	width: 100%;
	height: auto;
	display: grid;
	grid-auto-columns: auto;
	grid-auto-rows: auto;
}
.whyparentscrapssection {
	background-size: cover;
  background-color: #ffffff;
	background-position: center;
	height: auto;
	width: 100%;
	grid-row: 1 / 2;
	grid-column: 1 / 6;
}
.full-width-bar {
	background-size: cover;
  	background-color: #919191;
	background-position: center;
	height: auto;
	width: 100%;
	grid-row: 2 / 3;
	grid-column: 1 / 6;
	padding-bottom: 5%;
	display: block;
}
.full-width-bar h2{
	color: white;
}
.full-width-bar p {
	margin-left: 5%;
}
.full-width-bar2 {
	background-size: cover;
  background-color: #ffffff;
	background-position: center;
	height: auto;
	width: 100%;
	grid-row: 3 / 4;
	grid-column: 1 / 6;
	padding-bottom: 5%;
}
.full-width-bar2 p{
	padding-top: 30px;
}
.full-width-bar2 img{
	height: auto;
	max-width: 100%;
	filter: none;
	float: none;
}
.full-width-bar3 {
	background-size: cover;
  background-color: #ffffff;
	background-position: center;
	height: auto;
	width: 100%;
	grid-row: 4 / 5;
	grid-column: 1 / 6;
}
.subscribe-section {
	background-size: cover;
  background-color: #919191;
	background-position: center;
	height: auto;
	width: 100%;
	border: 4px solid #FFDE59; 
	grid-row: 1 / 2;
	grid-column: 1 / 6;
	padding-top: 2%;
	padding-bottom: 2%;
	margin-bottom: 15%;
}
.subscribe-section h2 {
	color: white;
	margin-top: -15px;
}
.subscribe-section p {
	color: white;
	font-weight: bold;
	font-size: 1.2rem;
	text-align: center;
	margin-top: -15px;
}
.highlightarticlebox {
	background-color: white;
	background-size: contain;
	height: 30.8%;
	max-height: 100%;
	width: 98.5%;
	filter: drop-shadow(1px 1px 1px #505050);
	align-content: center;
}
.highlightarticlebox img{
	height: auto;
	max-width: 100%;
	float: left;
	filter: none;
	margin-left: 0%;
	margin-right: 2%;
}
#authortext1 {
	font-family: "Helvetica Neue";
	font-size: .8rem;
	color: #707070;
	margin-left: 5%;
}
#authortext2 {
	font-family: "Helvetica Neue";
	font-size: .8rem;
	color: #707070;
	margin-left: 5%;
}
#authortext3 {
	font-family: "Helvetica Neue";
	font-size: .8rem;
	color: #707070;
	margin-left: 5%;
}
p {
	font-family: "Helvetica Neue";
	font-size: 1rem;
	color: black;
	text-align: left;
	line-height: 150%;
}
* {
  box-sizing: border-box;
}
.contentleft {
  background: white;
	max-width: 450px;
	filter: drop-shadow(1px 1px 1px #505050);
	float: left;
	margin-top: 30px;
	margin-left: 15px;
	height: 550px;
}
.contentleft img{
	height: auto;
	max-width: 100%;
	margin-left: 0%;
	filter: none;
}
.contentright {
  background: white;
	max-width: 450px;
	filter: drop-shadow(1px 1px 1px #505050);
	float: right;
	margin-top: 30px;
	height: 550px;
	margin-right: 15px;
}
.contentright img{
	height: auto;
	max-width: 100%;
	margin-left: 0%;
	filter: none;
}
#subscribebutton {
	background-color: #FF5757;
	width: 25%;
	height: 11%;
	filter: drop-shadow(1px 1px 1px #505050);
	float: right;
	margin-top: 15%;
	margin-bottom: 4%;
	margin-right: 8%;
}
#subscribebutton p{
	color: white;
	text-align: center;
	font-family: "Helvetica Neue";
	font-size: 1.3rem;
	margin-top: 3%;
	margin-left: -1%;
}
.toysbox{
	width: 100%;
	height: auto;
	background-color: white;
	align-content: center;
	text-align: center;
	margin-top: 5%;
}
.parentingbox{
	width: 100%;
	height: auto;
	background-color: white;
	align-content: center;
	text-align: center;
}
.activitiesbox{
	width: 100%;
	height: auto;
	background-color: white;
	align-content: center;
	text-align: center;
	margin-top: 5%;
}
.booksbox{
	width: 100%;
	height: auto;
	background-color: white;
	align-content: center;
	text-align: center;
	margin-top: 5%;
}
.faithbox{
	width: 100%;
	height: auto;
	background-color: white;
	align-content: center;
	text-align: center;
	margin-top: 5%;
}
label, input, select, option, textarea {
	font-size: 1.5rem;
	padding: 5px;
	display: block;
}
form {
	display: grid;
	grid-template-rows: auto;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	width: 100%;
	grid-gap: 5px;
}
#firstname {
	width: 113%;
	grid-column: 1 / 2;
	grid-row: 1 / 2;
	border: 2px solid #000000;
	margin-left: 40%;
}
#lastname {
	width: 54%;
	grid-column: 2 / 4;
	grid-row: 1 / 2;
	border: 2px solid #000000;
	margin-left: 26.4%;
}
#email {
	width: 73.8%;
	grid-column: 1 / 4;
	border: 2px solid #000000;
	margin-left: 13.2%;
}
form button{
	height: auto;
	min-width: 65%;
	grid-row: 3 / 4;
	grid-column: 2 / 3;
	background-color: #FF5757;
	font-family: "Helvetica Neue";
	font-size: 2rem;
	color: white;
	border: none;
	filter: drop-shadow(1px 1px 1px #505050);
	margin-top: 5%;
	font-weight: 500;
}
.facebook60 {
	background-image: url("images/Facebook (60 x 60 px) Blue.jpg");
	height: 60px;
	background-repeat: no-repeat;
	margin-left: -125%;
	margin-top: -100%;
}
.instagram60 {
	background-image: url("images/Instagram (60 x 60 px) Blue.jpg");
	height: 60px;
	background-repeat: no-repeat;
	margin-left: -250%;
}
.pinterest60 {
	background-image: url("images/Pinterest (60 x 60 px) Blue.jpg");
	height: 60px;
	background-repeat: no-repeat;
	margin-top: -100%;
}
.socialfooter {
	background-color: white;
	width: 60px;
	height: 240px;
	grid-column: 4 / 5;
	grid-row: 2 / 3;
}
.about {
	background-color: white;
	grid-column: 2 / 3;
	width: 120px;
	height: 20px;
	margin-left: 25%;
}
.contact {
	background-color: white;
	grid-column: 3 / 4;
	width: 120px;
	height: 20px;
	margin-left: -33%;
}
.copyright {
	background-color: white;
	grid-column: 1 / 2;
	width: 300px;
	height: 20px;
	margin-left: -5%;
}
.magnifyingglass {
	background-image: url("images/Magnifying Glass.png");
	height: 20px;
	width: 20px;
	background-repeat: no-repeat;
	margin-bottom: -30%;
	margin-left: 165%;
	margin-top: 4%;
}
#query {
	width: 120px;
	height: 24px;
	border: none;
	margin-top: 1px;
	margin-left: 2px;
	font-family: "Helvetica Neue";
	font-size: 1rem;
}
@media only screen and (max-width: 992px){
	#wrapper {
		display: grid;
		grid-auto-rows: minmax(0px, auto);
		grid-template-columns: minmax(0px, 1fr) repeat(6, minmax(0px, 128px)) minmax(0px, 1fr);
	}
	.highlightarticlebox {
		background: white;
		max-width: 58.7%;
		filter: drop-shadow(1px 1px 1px #505050);
		background-position: center;
		margin-left: 21%;
		background-size: contain;
		height: 30.8%;
		width: 100%;
		align-content: center;
	}
	.highlightarticlebox img{
		height: auto;
		max-width: 100%;
		margin-left: 0%;
		filter: none;
	}
	.contentleft {
  		background: white;
		width: 60%;
		height: auto;
		margin-left: 21%;
	}
	.contentright {
		background: white;
		width: 60%;
		height: auto;
		float: left;
		margin-left: 21%;
	}
	nav {
		font-family: Georgia;
		font-size: 1.1em;
		color: #ffffff;
		margin: 0% 0% 0% 15%;
		grid-row: 1 / 2;
		grid-column: 3 / 6;
		grid-template-rows: auto;
		grid-template-columns: auto;
		width: 100%;
		height: auto;
	}
	nav form{
		height: auto;
		width: 40%;
		border: 2px solid #808080;
		float: right;
		margin-right: -52%;
		margin-top: -11%;
	}
	#subscribebutton {
		background-color: #FF5757;
		width: 25%;
		height: 11%;
		filter: drop-shadow(1px 1px 1px #505050);
		float: right;
		margin-top: 15%;
		margin-bottom: 4%;
		margin-right: 7.7%;
}
	#subscribebutton p{
		color: white;
		text-align: center;
		font-family: "Helvetica Neue";
		font-size: 1.1rem;
		margin-top: 3%;
		margin-left: -1%;
}
	h1 {
		margin-left: 0%;
		font-size: 1rem;
	}
}
@media only screen and (max-width: 768px){
	#wrapper {
		display: grid;
		grid-auto-rows: minmax(0px, auto);
		grid-template-columns: repeat(6, minmax(0px, 0px));
}
	nav {
		font-family: Georgia;
		font-size: 1.5em;
		color: #ffffff;
		margin: 0% 0% 0% 0%;
		grid-row: 1 / 2;
		grid-column: 2 / 8;
		width: 100%;
		height: auto;
		display: flex;
	}
	nav form{
		height: 13%;
		width: 30%;
		border: 2px solid #808080;
		float: none;
		margin-left: 22%;
		margin-top: 21%;
	}
	nav ul{
		flex-flow: column nowrap;
	}
	
	.highlightarticlebox {
		background: white;
		max-width: 100%;
		filter: drop-shadow(1px 1px 1px #505050);
		background-position: center;
		margin-left: 21%;
		background-size: contain;
		height: 30.8%;
		width: 60%;
		align-content: center;
	}
	.highlightarticlebox img{
		height: auto;
		max-width: 100%;
		margin-left: 0%;
		filter: none;
	}
	header {
		grid-column: 7 / 8;
		grid-row: 1 / 2;
		width: 100%;
		height: auto;
}
	header img{
		max-height: none;
		max-width: none;
		height: auto;
		width: 75%;
		float: right;
		filter: none;
		margin-top: 0%;
}
}