* {box-sizing: border-box;
}

#wrapper {background-color: #E4A407;
}
header {background-color: #E4A407; color:#085F40; font-family: Verdana; padding:1em;
}
header a { text-decoration: none;
} 

header a:link {color: #FFFFFF;
}

header a:visited {color: #FFFFFF;
}

header a:hover {color: #90C7E3;
}

h1 {color: #085F40; text-align: center; padding-top: 1em; font-size: 3em;
}
h2 {color: #085F40; font-family: Verdana;
}
h3 {color: #085F40; font-family: Verdana;
}
nav {font-size: 1em; text-align:justify; background-color: #E4A407;
}
nav a { text-decoration:none; text-align: justify;
}
nav a:link {color: #6128EC; text-decoration: none; border:none; background-color: #E4A407; 
}
nav a:visited {color: #6128EC; text-decoration:none; border:none; background-color: #E4A407;
}
nav a:hover {color: #A52A2A; text-decoration:none; border:none; background-color: #E4A407;
}
nav ul { display:flex; flex-direction:column; margin:0; padding:0; list-style-type: none; padding-left: 1em; padding-top:.5em; padding-bottom:.5em; width:50%;
}
main {float: left; padding-top:0; padding-bottom:30px; padding-right: 1em; padding-left: 1em; display: block;
}
dt {color: #002171; font-weight: bold;
}
.slime {color: #085F40; font-size: 1.2em;
}
body { display: flex; flex-direction: column; min-height: 100vh; background-color: #E4A407; color:#666666; font-family: Verdana; margin:0;
}
.bg {background-image: url(buddergreen.jpg); height: auto; width: 40px; background-size: 100% 100%; padding: 50px 50px 50px 50px;
}
.rb {background-image: url(rootbeer.jpg); background-size: 100% 100%; padding: 50px 50px 50px 50px;
}
.sm {background-image: url(strawberry.jpg); height: auto; width: 40px; background-size: 100% 100%; padding: 50px 50px 50px 50px;
}
section {padding-left: .5em; padding-right: .5em;
}
table {margin:auto; border: 3px solid #6128EC; width:100%; border-collapse: collapse; padding-bottom:10px;
}
td, th {border:1px solid #002171; padding:5px;
}
td {text-align: center;
}
.text {text-align: center;
}
tr:nth-of-type(even) { background-color: #DFEDF8;
}
footer {background-color: #E4A407; font-size: .70em; font-style: italic; text-align: left; padding: 1em; margin-top: auto;
}
#mobile {display:inline;
}
#desktop {display:none;
}
form { display: flex;
    flex-direction: column;
    padding-left: 1em; width: 80%; 
}
input {margin-bottom: .5em;
}
textarea {margin-bottom: .5em;
}
@media (min-device-width:600px) {
h1 {font-size:2em; letter-spacing:.25em;
nav ul {display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-around; padding-right:2em;
nav li {width:12em; border-bottom:none;
section {padding-left:2em; padding-right:2em;
#flow {display:flex; flex-direction:row;
#mobile {display:none;
#desktop {display:inline;
#homehero {background-size: 100% 100%;
#yurthero {background-size: 100% 100%;
#trailhero {background-size: 100% 100%;
#reshero {background-size: 100% 100%;}
form {display: grid; grid-template-columns:10em 1fr; grid-gap: 1em; width: 60%;
}
input [type="submit"] {grid-column: 2 / 3; width: 9em;}
@media (min-device-width:1024px) {
body {background-image: linear-gradient (to bottom, #FFFFFF 20%, #90C7E3 60%, #FFFFFF 100%);
nav ul {padding-left: 10%; padding-right:10%;
#wrapper {margin:auto; width:80%
}