section#red,
footer,
#page main {
background: #fff;
color: #000;
}

#page main {
padding: 0;
text-align: center;
background-color: #fff;
background: url('/images/393.png') no-repeat 2% 100% scroll, url('/images/395.png') no-repeat 98% 100% scroll, url('images/363.jpg') no-repeat 50% 100% scroll;
background-size: auto, auto, cover;
box-shadow: inset 0 -10rem 5rem #fff;
}

#page main h2 {
padding: 0;
}

#page main h3:first-of-type {
font-size: 2rem;
letter-spacing: -3px;
}

#page main h3 {
font-size: 1.25rem;
letter-spacing: -1px;
}

#page main h3,
#page main h4,
#page main h5,
#page main h6 {
font-weight: bold;
}

#page main h4,
#page main h5 {
padding-top: 2rem;
}

#page main h3,
#page main h4,
#page main h5,
#page main h6,
#page main p,
#page main li {
max-width: 640px;
margin: 0 auto;
}

#page main .cta {
padding-top: 1rem;
padding-bottom: 3rem;
}

#page main .cta:last-of-type {
padding-top: 3rem;
}

#page main .cta .button {
padding: 0.35rem 2.5rem 0.45rem 2.5rem;
border-radius: 3rem;
}

#page main p {
padding-bottom: 1rem;
line-height: 100%;
}

#page main ul {
list-style: none;
text-align: center;
padding-bottom: 1rem;
}

#page main li {
padding: 0.5rem;
}

#page main ul + p {
font-size: 0.85rem;
padding-bottom: 3rem;
}

footer.summer {
padding-top: 15rem;
}

@media (max-width: 1400px) {
#page main {
background-size: 400px, 300px, cover;
padding-bottom: 5rem;
}
}

@media (max-width: 1000px) {
#page main {
background-size: 350px, 250px, cover;
padding-bottom: 25rem;
}
}

@media (max-width: 800px) {
#page main {
background-size: 350px, 250px, cover;
}
#page main h3 {
font-size: 1.75rem;
padding-left: 1rem;
padding-right: 1rem;
letter-spacing: -1px;
}
}

@media (max-width: 700px) {
#page main {
background-size: 350px, 250px, cover;
}
}

@media (max-width: 600px) {
#page main {
background-size: 300px, 200px, cover;
}
.cta .button {
font-size: 1.5rem;
}
}