html, body, div, h1, h2, p, blockquote, a, code, em, img, strong, u, ul, li, label, legend, caption, tr, th, td, header, menu, nav, section, summary { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;} header, menu, nav, section { display: block;} div { margin-bottom: 20px; } body { line-height: 1; } ul { list-style: none; } body { -webkit-text-size-adjust: none; } input::-moz-focus-inner { border: 0; padding: 0; } /* Basic */ html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } body { color: #5b5b5b; font-size: 15pt; line-height: 1.85em; font-family: 'Source Sans Pro', sans-serif; font-weight: 300; background-image: url("../images/background.jpg"); background-size: cover; background-position: center center; background-attachment: fixed; } h1, h2, h3 { font-weight: 400; color: #483949; line-height: 1.25em; } h1 a, h2 a, h3 a { color: inherit; text-decoration: none; border-bottom-color: transparent; } h1 strong, h2 strong, h3 strong { font-weight: 600; } h2 { font-size: 2.85em; } h3 { font-size: 1.25em; } strong, b { font-weight: 400; color: #483949; } em, i { font-style: italic; } a { color: inherit; border-bottom: solid 1px rgba(128, 128, 128, 0.15); text-decoration: none; -moz-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out; -webkit-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out; -ms-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out; transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out; } a:hover { color: #ef8376; border-bottom-color: transparent; } p, ul { margin-bottom: 1em; } p { text-align: justify; } hr { position: relative; display: block; border: 0; top: 4.5em; margin-bottom: 9em; height: 6px; border-top: solid 1px rgba(128, 128, 128, 0.2); border-bottom: solid 1px rgba(128, 128, 128, 0.2); } hr:before, hr:after { content: ''; position: absolute; top: -8px; display: block; width: 1px; height: 21px; background: rgba(128, 128, 128, 0.2); } hr:before { left: -1px; } hr:after { right: -1px; } /* List */ ul { list-style: disc; padding-left: 1em; } ul li { padding-left: 0.5em; font-size: 85%; list-style: none; } /* Form */ textarea { border-radius: 10px; resize: none; padding: 10px; line-height: 20px; word-spacing: 1px; font-size: 16px; width: 85%; height: 100%; } /* WebKit, Edge */ ::-webkit-input-placeholder { font-size: 17px; word-spacing: 1px; } /* Table */ table { width: 100%; } table.default { width: 100%; } table.default tbody tr:first-child { border-top: 0; } table.default tbody tr:nth-child(2n+1) { background: #fafafa; } table.default th { text-align: left; font-weight: 400; padding: 0.5em 1em 0.5em 1em; } /* Button */ input[type="button"], input[type="submit"], input[type="reset"], button, .button { position: relative; display: inline-block; background: #df7366; color: #fff; text-align: center; border-radius: 0.5em; text-decoration: none; padding: 0.65em 3em 0.65em 3em; border: 0; cursor: pointer; outline: 0; font-weight: 300; -moz-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out; -webkit-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out; -ms-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out; transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out; } input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, button:hover, .button:hover { color: #fff; background: #ef8376; } input[type="button"].alt, input[type="submit"].alt, input[type="reset"].alt, button.alt, .button.alt { background: #2B252C; } input[type="button"].alt:hover, input[type="submit"].alt:hover, input[type="reset"].alt:hover, button.alt:hover, .button.alt:hover { background: #3B353C; } /* Header */ #header { position: relative; background-size: cover; background-position: center center; background-attachment: fixed; color: #fff; text-align: center; padding: 5em 0 2em 0; cursor: default; height: 100%; } #header:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; } #header .inner { position: relative; z-index: 1; margin: 0; display: inline-block; vertical-align: middle; } #header header { display: inline-block; } #header header > p { font-size: 1.25em; margin: 0; } #header h1 { color: #fff; font-size: 3em; line-height: 1em; } #header h1 a { color: inherit; } #header .button { display: inline-block; border-radius: 100%; width: 4.5em; height: 4.5em; line-height: 4.5em; text-align: center; font-size: 1.25em; padding: 0; } #header hr { top: 1.5em; margin-bottom: 3em; border-bottom-color: rgba(192, 192, 192, 0.35); box-shadow: inset 0 1px 0 0 rgba(192, 192, 192, 0.35); } #header hr:before, #header hr:after { background: rgba(192, 192, 192, 0.35); } /* Nav */ #nav { position: absolute; top: 0; left: 0; width: 100%; text-align: center; padding: 1.5em 0 1.5em 0; z-index: 1; overflow: hidden; } #nav > hr { top: 0.5em; margin-bottom: 6em; } /* Footer */ .copyright{ margin-top: 50px; } /* Wide */ @media screen and (max-width: 1680px) { /* Basic */ body, input, select { font-size: 14pt; line-height: 1.75em; } } /* Normal */ @media screen and (max-width: 1280px) { /* Basic */ body, input, select { font-size: 12pt; line-height: 1.5em; } /* Header */ #header { background-attachment: scroll; } #header .inner { padding-left: 2em; padding-right: 2em; } } /* Narrow */ /* Narrower */ @media screen and (max-width: 840px) { /* Basic */ body, input, select { font-size: 13pt; line-height: 1.65em; } } /* Mobile */ #navPanel, #titleBar { display: none; } @media screen and (max-width: 736px) { /* Basic */ html, body { overflow-x: hidden; } body, input, select { font-size: 12.5pt; line-height: 1.5em; } h2 { font-size: 1.75em; } h3 { font-size: 1.25em; } hr { top: 3em; margin-bottom: 6em; } #header { background-attachment: scroll; padding: 2.5em 0 0 0; } #header .inner { padding-top: 1.5em; padding-left: 1em; padding-right: 1em; } #header header > p { font-size: 1em; } #header h1 { font-size: 1.75em; } #header hr { top: 1em; margin-bottom: 2.5em; } #nav { display: none; } #main > header { text-align: center; } div.copyright { margin-top: 10px; } label, textarea { font-size: 0.8rem; letter-spacing: 1px; font-family: Georgia, 'Times New Roman', Times, serif; } .buttons { display: flex; flex-direction: row; justify-content: center; margin-top: 20px; } }