/*
	Home Page CSS File
	Landin Jones
	Final Project

*/

html {
	background-image: url(Assets/Back1.png);
}

body {
	background: linear-gradient(345deg, rgb(0, 255, 255), rgb(0, 188, 215) 40%);
	border-left: 1px solid rgb(51, 51, 51);
	border-right: 1 px solid rgb(51, 51, 51);
	box-shadow: rgb(51, 51, 51) 15px 0px 25px,
				rgb(51, 51, 51) -15px 0px 25px;
	max-width: 1600px;
	margin: 0 auto;
	font-family: Tahoma, Geneva, sans-serif;
}

h2, p {
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
}

header img {
	margin: 0 auto;
	display: block;
	position: relative;
	height: 400px;
	width: 600px;
}

header figcaption {
	text-align: center;
}

#topleft {
	float: left;
	width: 50%;
}

#topright {
	float: left;
	width: 50%;
}

#bottomright {
	float: left;
	width: 50%;
}

#bottomleft {
	float: left;
	width: 50%;
	filter: saturate(1.3) contrast(1);
}

#topleft figure img { 
	width: 100%;
}

#topleft figure figcaption {
    margin-left: 240px; 
}

#topright figure img {
	width: 100%;
}

#topright figcaption {
	text-align: center;
    padding-left: 35px;
}

#bottomleft figure img {
	width: 100%; 
}

#bottomleft figure figcaption {
    margin-left: 240px; 
}

#bottomright figure img {
	width: 100%;
}

#bottomright figcaption {
	text-align: center;
    padding-left: 80px;
}


.clear {
	clear: left;
}

footer h1 {
	text-align: center;
	font-size: 32px;
	font-variant: small-caps;
	color: #FF0000
}

footer h2 {
	text-align: center;
	font-size: 24px;
}

footer {
	padding-top: 200px;
	width: 100%;
}

#Form {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 24px;
}