#page header {
box-shadow: none;
}

#page main {
background: #080753;
color: #fff;
}

footer.summer {
background: #fff;
color: #000;
}

footer .col.margin-top p.text-center,
section {
display: none;
}

footer.summer a {
color: #080753;
}

#page main {
padding: 0 0 5rem 0;
text-align: left;
background-color: #080753;
background: url('/images/curve-transparent-white.svg') no-repeat 50% calc(100% + 1px) scroll, url('/images/487.png') no-repeat 2% 100% scroll, url('/images/486.png') no-repeat 98% 100% scroll, url('images/488.webp') no-repeat 50% 100% scroll !important;
background-size: 100% auto, auto 600px, auto 600px, cover !important;
}

#page main h3,
#page main h4,
#page main p {
padding-left: 2rem;
padding-right: 2rem;
}

#page main p:last-of-type {
padding-top: 5rem;
text-align: left;
max-width: 500px;
}

#page main small {
font-style: oblique;
}

#page p.text-center.cta,
#page main h3:nth-of-type(2),
#page main p:has(img) {
padding-top: 5rem;
}

#page p.text-center.cta {
padding-bottom: 5rem;
}

#page main p img:last-of-type {
max-width: 250px;
width: auto;
height: auto;
}

#page main h2 {
padding: 0 0 1rem 0;
text-align: center;
}

#page main h3 {
max-width: 500px;
font-size: 2.25rem;
letter-spacing: -1px;
text-align: center;
}

#page main h3:nth-of-type(2) {
padding-left: 2rem;
padding-right: 2rem;
padding-bottom: 1.5rem;
font-size: 2rem;
text-align: left;
}

#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: 500px;
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 .button:after {
content: ' \00BB';
}

#page main p {
padding-bottom: 1rem;
line-height: 150%;
}

#page main ul {
list-style: none;
padding: 0 2rem 1rem 2rem;
}

#page main li {
padding: 0.5rem;
}

#page main ul + p {
font-size: 0.85rem;
padding-bottom: 3rem;
}

footer.summer {
padding-top: 5rem;
}

@media (max-width: 1400px) {
#page main {
background-size: 100% auto, auto 500px, auto 500px, cover !important;
padding-bottom: 5rem;
}
}

@media (max-width: 1100px) {
#page main {
background-size: 100% auto, auto 400px, auto 400px, cover !important;
background-position: 50% calc(100% + 1px), 30% 100%, 70% 100%, 50% 100% !important;
padding-bottom: 30rem;
}
}

@media (max-width: 1000px) {
#page main {
background-size: 100% auto, auto 350px, auto 350px, cover !important;
}
}

@media (max-width: 800px) {
#page main {

}
#page main h3 {
font-size: 1.75rem;
padding-left: 1rem;
padding-right: 1rem;
letter-spacing: -1px;
}
}

@media (max-width: 700px) {
#page main {
background-size: 100% auto, auto 300px, auto 300px, cover !important;
background-position: 50% calc(100% + 1px), 1% 100%, 99% 100%, 50% 100% !important;
padding-bottom: 21rem;
}
}

@media (max-width: 600px) {
.cta .button {
font-size: 1.5rem;
}
#page main p:last-of-type,
#page p.text-center.cta,
#page main h3:nth-of-type(2),
#page main p:has(img) {
padding-top: 3rem;
}
#page p.text-center.cta {
padding-bottom: 3rem;
}
#page main p img:last-of-type {
max-width: 200px;
}
}