/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css | Slight Mods for Me */
@import url("https://fonts.googleapis.com/css?family=Oswald:300,400,600&display=swap");
* { box-sizing: border-box; }

html { font-family: sans-serif; line-height: 1.35; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

article, aside, footer, header, nav, section { display: block; }

h1 { font-size: 2em; margin: 1em 0; }

figcaption, figure, main { display: block; }

figure { margin: 1em 0; }

hr { box-sizing: content-box; height: 0; overflow: visible; }

pre { font-family: monospace, monospace; font-size: 1em; }

a { background-color: transparent; -webkit-text-decoration-skip: objects; }

a:active, a:hover { outline-width: 0; }

abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }

b, strong { font-weight: inherit; }

b, strong { font-weight: bolder; }

code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }

dfn { font-style: italic; }

mark { background-color: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

audio, video { display: inline-block; }

audio:not([controls]) { display: none; height: 0; }

img { border-style: none; vertical-align: middle; }

svg:not(:root) { overflow: hidden; }

button, input, optgroup, select, textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0; }

button, input { overflow: visible; }

button, select { text-transform: none; }

button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }

progress { display: inline-block; vertical-align: baseline; }

textarea { overflow: auto; }

[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }

details, menu { display: block; }

summary { display: list-item; }

canvas { display: inline-block; }

template { display: none; }

[hidden] { display: none; }

html, body { font-size: 4vw; font-weight: 300; color: white; background: black url("../images/V_NoCrop.svg") no-repeat; background-size: 55vh auto; background-position: 45vw -3vh; font-family: "Oswald", sans-serif; text-transform: uppercase; line-height: 1.5556; }

@media screen and (min-width: 1100px) { html, body { background-size: 100vh auto; background-position: 55vw 1vh; font-size: 36px; } }

header, section { width: 90vw; margin: 0 auto; max-width: 1100px; }

header { padding-top: 20vh; margin-bottom: 5vh; }

header h1 { font-size: 5.333em; line-height: 1; font-weight: 600; margin: 0 0 1.5rem; }

@media screen and (min-width: 1100px) { header h1 { font-size: 10em; } }

header h1 span { font-size: 1rem; font-weight: 300; display: block; }

@media screen and (min-width: 1100px) { header h1 span { font-size: 1.5rem; } }

header p { margin: 0 0 1em; }

@media screen and (min-width: 600px) { header p { display: flex; } }

@media screen and (min-width: 900px) { header p { margin-top: 1.5em; } }

@media screen and (min-width: 1100px) { header p { margin-top: 0.5em; } }

header p span { display: block; background: #0062A8; color: white; padding: 0 0.3em; border-radius: 0.25em; margin-right: 0.5em; width: 3.5em; }

@media screen and (min-width: 600px) { header p span { text-align: right; } }

header a { color: #5A5A5C; }

header a.button { display: block; border: 0.1em solid #0062A8; text-align: center; text-decoration: none; color: #0062A8; padding: 0.3em 0; font-size: 1.3em; font-weight: 400; position: relative; margin-top: 3em; }

@media screen and (min-width: 1100px) { header a.button { width: 10em; } }

@media screen and (min-width: 1100px) { header a.button:after { background: url("../images/arrow-1.svg") no-repeat; content: ""; width: 1em; height: 14em; background-size: 1em auto; position: absolute; right: -8.9em; top: 0; } }

header input[type="password"] { width: 100%; padding: 0.75em; font-family: "Oswald", sans-serif; }

header span#password-error { color: red; padding-left: 0.75em; display: none; }

header button { display: block; border: 0.1em solid #0062A8; text-align: center; text-decoration: none; color: #0062A8; padding: 0.3em 0; font-size: 1.3em; font-weight: 400; width: 100%; background: transparent; margin-top: 1em; }

section { position: relative; }

section h2 { font-size: 1.77778em; font-weight: 400; margin: 0 auto; color: #5A5A5C; }

section p, section ul { margin: 0 auto; }

section#time-place { padding-top: 5vh; background: url("../images/arrow-1.svg") no-repeat; background-position: right top; background-size: 1em auto; }

@media screen and (min-width: 1100px) { section#time-place { background: none; } }

section#time-place h2:nth-of-type(2) { margin-top: 5vh; }

section#time-place p strong { color: #0062A8; }

section#time-place p a { color: #0062A8; }

section#perks-to-do { display: flex; justify-content: space-between; background: url("../images/arrow-2.svg") no-repeat; background-position: left 100%; background-size: 1em auto; padding-bottom: 8em; }

section#perks-to-do ul { margin: 0; padding: 0; position: relative; }

section#perks-to-do ul li { list-style-type: none; margin-bottom: 0.75em; }

section#perks-to-do ul:nth-of-type(1) { text-align: right; order: 5; }

@media screen and (min-width: 1100px) { section#perks-to-do ul:nth-of-type(1) { text-align: left; top: -1.5em; } }

section#perks-to-do ul:nth-of-type(2) { margin: auto 0; }

section#perks-to-do ul:nth-of-type(2) h2 { color: #0062A8; }

section#perks-to-do h3#rsvp { position: absolute; bottom: 0; right: 0; margin: 0; color: white; line-height: 1; font-weight: 400; font-size: 1.333em; }

section#eb { margin-top: 10vh; }

section#eb ul { margin-top: 0.5em; }

section#zoom { margin-top: 3em; }

section#zoom a { display: block; border: 0.1em solid #0062A8; text-align: center; text-decoration: none; color: #0062A8; padding: 0.3em 0; font-size: 1.3em; font-weight: 400; }

footer { text-align: center; width: 80vw; margin: 15vh auto 5vh; }

footer a#remind { color: white; }

@media screen and (min-width: 1100px) { footer a#remind { display: none; } }

footer figure { width: 10em; margin: 3em auto 1em; }

footer figure img { width: 100%; height: auto; }

footer ul { margin: 0 auto; padding: 0; display: flex; justify-content: space-around; width: 8em; }

footer ul li { list-style-type: none; margin: 0 0.5em; height: 1em; }

footer ul li img { width: auto; height: 100%; }

footer p { font-size: 0.8em; margin-top: 4em; color: #5A5A5C; }