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

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

#page.se header h1 {
top: 3rem;
}

#page main h2 {
padding: 0;
}

#page main h3 {
padding-top: 1rem;
font-size: 2rem;
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: 1rem;
}

#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,
section#gold {
display: none;
}

#page main p {
padding-left: 1rem;
padding-right: 1rem;
}

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

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

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

#page main .cta .button:hover,
#page main .cta .button:focus,
#page main .cta .button:active {
background-color: #01b200;
border-color: #01b200;
}

#page main p {
padding-top: 1rem;
padding-bottom: 2rem;
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 {
padding-top: 2rem;
}

#page.en-ca #visitor li:last-of-type .button,
#page.fr-ca #visitor li:last-of-type .button {
border-color: #0a8711;
color: #fff;
}

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

@media (max-width: 1100px) {
#page.se header h1 {
top: 3.5rem;
}
}

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

@media (max-width: 800px) {
#page main,
#page.se 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,
#page.se main {
background-size: 350px, 250px, cover;
}
}

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