* {
box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
}
* {
margin: 0;
padding: 0;
}
article,  aside,  details, figcaption, figure, footer,
header, main, menu, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
progress {
vertical-align: baseline;
}
template,
[hidden] {
display: none;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
}
dfn {
font-style: italic;
}
mark {
background-color: #FFD166;
color: #000;
}
html {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
html, body {
height: 100%;
width: 100%;
}
body {
line-height: 1;
overflow-x: hidden;
}
img {
border: none;
outline: none;
max-width: 100%;
height: auto;
display: block;
padding: 0;
margin: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
display: inline-block;
margin: 0;
padding: 0;
height: auto;
max-width: 100%;
}
figure img {
height: auto;
}
a {
-webkit-text-decoration-skip: objects;
text-decoration: none;
outline: none;
color: inherit;
cursor: pointer;
}
b, strong {
font-weight: bold;
} xmp,
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: inherit;
}
xmp,
code {
background: #ebebeb;
padding: 0 5px;
}
pre {
background: #ebebeb;
padding: 15px;
display: inline-block;
margin-bottom: 15px;
max-width: 100%;
overflow-x: scroll; 
}
var {
color: #aaa;
font-weight: 400;
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
acronym {
font-weight: 400;
text-transform: uppercase;
}
p {
line-height: 30px;
margin-bottom: 30px;
}
p:last-child {
margin-bottom: 0;
}
q,
blockquote {
margin: 0 0 30px 0;
letter-spacing: 1px;
position: relative;
padding: 30px 30px 30px 60px;
}
q,
blockquote,
blockquote p,
blockquote div {
line-height: 30px;
} 
blockquote:before {
content: '“';
position: absolute;
top: 45px;
left: 15px;
color: #222;
font-size: 86px;
}
cite {
display: block;
font-weight: 600;
font-weight: 12px;
}
hr {
box-sizing: content-box;
overflow: visible;
border: 0;
background: #f0f0f0;
height: 1px;
}
ul, ol {
list-style-type: none;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: 30px;
}
h1 {
font-size: 48px;
line-height: 60px;
}
h2 {
font-size: 40px;
line-height: 52px;
}
h3 {
font-size: 30px;
line-height: 42px;
}
h4 {
font-size: 24px;
line-height: 36px;
}
h5 {
font-size: 18px;
line-height: 30px;
}
h6 {
font-size: 14px;
line-height: 24px;
}
h4, h5, h6 {
text-transform: uppercase;
} table {
width: 100%;
}
thead th {
border-bottom: 2px solid #ebebeb;
}
th,
td {
text-align: center;
height: 45px;
line-height: 45px;
}
tr:nth-child(even) {
background: #ebebeb;
}
caption {
text-transform: uppercase;
font-weight: bold;
font-size: 12px;
}
video,
audio,
embed,
iframe {
max-width: 100%;
} dl {
margin-bottom: 30px;
display: table
}
dl dt {
font-weight: bold;
} 
address {
margin-bottom: 15px;
} form {
margin-bottom: 0;
}
label {
display: block;
}
input, textarea {
outline: none;
}
input {
line-height: normal;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
textarea {
overflow: auto;
}
input,
button,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
select {
position: relative;
color: #aaa;
cursor: pointer;
}
input, select, textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
outline: none;
border-radius: 0;
border: 2px solid #ebebeb;
}
textarea {
max-height: 100px;
height: 100px;
width: 100%;
padding: 30px;
line-height: 24px;
}
optgroup {
font-weight: bold;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
input[disabled] {
cursor: default;
}
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;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: textfield;
outline-offset: -2px;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
input[type="radio"] {
-webkit-appearance: radio;
-moz-appearance: radio;
appearance: radio;
}
input[type="checkbox"] {
-webkit-appearance: checkbox;
-moz-appearance: checkbox;
appearance: checkbox;
}
input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
border: 0;
}
::-webkit-file-upload-button {
-webkit-appearance: button; /
font: inherit;
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"],
input[type="search"],
select {
height: 45px;
line-height: 45px;
width: 100%;
padding: 0 15px;
}
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
width: 150px;
height: 45px;
text-align: center;
padding: 0;
text-transform: uppercase;
font-size: 12px;
color: #fff;
font-family: "Open Sans", sans-serif;
font-weight: 600;
border: none;
background: #222;
}
::-webkit-input-placeholder {
opacity:  0.5;
}
:-moz-placeholder {
opacity:  0.5;
}
::-moz-placeholder {
opacity:  0.5;
}
:-ms-input-placeholder {
opacity:  0.5;
}