img { display: block; width: 100%; height: auto; }
body * { text-align: center; }
body, html { cursor: url('../images/wormCursor.png'), default; }
a:hover, a:active, a:focus { cursor: url('../images/wormCursor_hover.png'), default; color: #2f1e6d; }
::selection { background-color: #2f1e6d; color: #fff; }
marquee { text-align: left; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.1em; font-size: 1.5em; max-width: 80%; margin-left: auto; margin-right: auto; }
footer { padding-bottom: 3em; padding-top: 2.5em; }
.overlay-img { position: relative; }
.overlay-img > :not(img) { position: absolute; top: 50%; text-align: center; }
.overlay-img + p { margin-top: 3em; }
.bigLargeText { font-size: 5em; font-family: Arial, Helvetica, sans-serif; color: #fff; text-shadow: 0px 2px 3px #000; font-weight: bold; width: 100%; text-transform: uppercase; }
.text-small { font-size: 0.85em; }
.text-small span { opacity: 0.5; }
.img-rounded { border-radius: 50%; max-width: 70%; margin-left: auto; margin-right: auto; }

h1 { font-size: 8em; margin-bottom: 0; }
h2 { font-size: 4em; }
h3 { font-size: 3em; }

.bg-dark { background-color: #000; padding: 1em; max-width: 70%; margin-bottom: 1em; margin-left: auto; margin-right: auto; }
.bg-purp { background-color: #2f1e6d; color: #fff; padding: 1em; max-width: 80%; margin-bottom: 1em; margin-left: auto; margin-right: auto; }
.bg-dark .bigLargeText { font-size: 3em; margin: 0; }
.bg-purp h2 { margin: 0; }
ul { column-count: 2; max-width: 40%; margin-left: auto; margin-right: auto; }
li { text-align: left; }
ul.normal:hover, ul.normal:active, ul.normal:focus { display: none; }
ul.hidden { display: none; }
ul.normal:hover ~ ul.hidden, ul.normal:active ~ ul.hidden, ul.normal:focus ~ ul.hidden { display: block; }

#campaign { padding: 3em; margin-top: 3em; margin-bottom: 5em; background-image: linear-gradient(rgba(255,255,255,0.4),rgba(255,255,255,0.8)), url('../images/American-flag-2a.jpg'); background-repeat: no-repeat; background-attachment: fixed; background-position: center; background-size: cover; }
.campaignPoster { max-width: 40%; margin-left: auto; margin-right: auto; }
#last p { width: 75%; margin-left: auto; margin-right: auto; }

/* burger break */
#burgerBreak { overflow: auto; margin-top: 2em; }
#burgerBreak h2 { font-size: 2.5em; }
#burgerBreak img { max-width: 200px; max-height: 200px; border-radius: 100%; margin-left: auto; margin-right: auto; }
#burgerBreak .content { padding-left: 1em; }
#burgerBreak p { width: 100%; }

/* button */
.btn { appearance: none; text-decoration: none; background-color: #d980d9; color: #000; padding: 0.5em 1em; border: 2px solid #652b65; border-radius: 2em; display: inline-block; font-weight: 700; }
.btn:hover, .btn:active, .btn:focus { background-color: #fff; border-color: #d980d9; color: #2f1e6d; }

@media (min-width: 1200px) {
    #burgerBreak img, #burgerBreak .content { display: inline-block; vertical-align: middle; width: 70%; }
    #burgerBreak img { width: calc(30% - 2em); }
}
@media (max-width: 991px) {
    .bigLargeText { font-size: 2em; }
    h1 { font-size: 5em; }
    h2 { font-size: 3em; }
    h3 { font-size: 2em; }
    #burgerBreak .content { padding-left: 0; margin-top: 1em; }
    ul { max-width: auto; max-width: 80%; }
    .bg-dark, .bg-purp { max-width: 98%; }
    .bg-dark .bigLargeText { font-size: 1em; }
}
@media (max-width: 767px) {
    h1 { font-size: 4em; }
    h2 { font-size: 2.5em; }
    h3 { font-size: 2em; }
    marquee { font-size: 1.25em; }
    .bigLargeText { font-size: 1.5em; }
}
@media (max-width: 399px) {
    h2 { font-size: 1.75em; }
    .bigLargeText span { font-size: 0.7em; }
}