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

#page main {
padding: 0;
text-align: center;
background-color: #fff;
background: url('/images/357.png') no-repeat 2% 100% scroll, url('/images/356.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 {
font-size: 3rem;
letter-spacing: -3px;
}

#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;
}

section#red {
display: none;
}

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

#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 img {
max-width: 150px;
height: auto;
width: auto;
}

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

footer {
padding-top: 2rem;
}

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

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

@media (max-width: 800px) {
#page main {
background-size: 350px, 200px, cover;
}
#page main h3 {
font-size: 2rem;
letter-spacing: -1px;
}
}

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

@media (max-width: 600px) {
#page main {
background-size: 400px, 150px, cover;
}
}