body { background-color: #EAEAEA; color: #000000; font-family: Verdana, Arial, sans-serif; background-image: linear-gradient(to bottom,#FFD700,#FF6347);}
header { background-color: #FF6347; color: #FFFFFF; font-family: Georgia, serif; height: 125px;}
header a:link { color: #FFFFFF;}
header a:visited { color: #FFFFFF;}
header a:hover { color: #A52A2A;}
header a { text-decoration: none;}
h1 { text-align: center; padding-top: .25em; padding-bottom: .25em; font-size: 3em; letter-spacing: 0.25em;}
h2 { color: #FFFFFF; font-family: Georgia, serif; text-align: center;}
h3 { font-family: Georgia, serif; color: #FFFFFF; text-align: left;}
nav { font-weight: bold; text-align: center; font-size: 1.2em; padding-left: .5em; padding-right: .5em; padding-bottom: .5em; padding-top: .5em;}
nav a:link { color: #FFFFFF;}
nav a:visited { color: #FFFFFF;}
nav a:hover { color: #A52A2A;}
nav a { text-decoration: none;}
.paddle { color: #FFFFFF; font-size: 1.2em;}
footer { font-size: .70em; font-style: italic; text-align: center; padding: 1em;}
#wrapper { width: 80%; margin-right: auto; margin-left: auto; min-width: 960px; max-width: 2048px; margin-left: auto; background-repeat: no-repeat;}
main { padding-left: .5em; padding-right: .5em; font-size: 20px;}
#sunsethero { height: 200px; background-image: url(Sunset.jpg); background-size: 100% 100%; background-repeat: no-repeat;}
#mountainhero { height: 200px; background-image: url(MountainLake.jpg); background-size: 100% 100%; background-repeat: no-repeat;}
#deserthero { height: 200px; background-image: url(DesertLake.jpg); background-size: 100% 100%; background-repeat: no-repeat;}
#friendshero { height: 200px; background-image: url(Friends.jpg); background-size: 100% 100%; background-repeat: no-repeat;}
section {float: left; width: 23.5%;  padding-left: .5em; padding-right: .5em; margin-left: auto; margin-right: auto;}
.custom-rule { border: solid; height: 0px; color: #FFFFFF}
.back-to-top { display: block; text-align: right; text-decoration: none; color: #FFFFFF; font-weight: bold;}
.back-to-top:hover { color: #A52A2A;}
img { height: 180px; width: 180px; background-size: 100% 100%; background-repeat: no-repeat; padding-right: .5em; padding-left: .5em;}
.wrap { float: left;}