@import url("../vendor/normalize/normalize-8.0.1.min.css");


/*Reset*/
* , * :before, * :after {
	/* Make font sharper in browsers */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
		
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    font-size: 57.5%;
    font-weight: 400;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -o-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

header, main, footer, nav, aside {
    display: block;
    position: relative;
    z-index: 0;
}

header {
    z-index: 1;
}

main {
	z-index: 0;
}

footer {
	z-index: 1;
}

h1, h2, h3, h4, p, ul, ol {
    direction: ltr;
    margin-top: 0
}

h1 {
    font-weight: 700
}

h2, h3, h4 {
    font-weight: 600
}

p, ul, ol, a, td {
    line-height: 1.7
}

img {
    border: 0
}

a {
    color: inherit;
}

a:focus, a:active, a:hover {
    outline: 0
}

a > img {
    max-width: 100%;
    vertical-align: middle
}

table {
    table-layout: fixed;
    border-collapse: collapse
}

table td {
    border: 0;
    padding: 0;
    vertical-align: top
}

button, input, select, textarea {
    font-family: inherit;
    font-size: 100%
}

textarea {
    overflow: hidden;
    height: 15rem;
    resize: none;
    vertical-align: top
}

[type='tags'], [type='search'], [type='submit'] {
    -webkit-appearance: none
}

[type='submit']:hover {
    cursor: pointer
}

input:focus, input:active, input:hover {
    outline: 0
}
button:focus, button:active, button:hover {
    outline: 0
}

header h1, main h1, footer h1 {
    font-size: 3.75rem
}

header h2, main h2, footer h2 {
    font-size: 2.75rem
}

header h3, main h3, footer h3 {
    font-size: 2rem
}

header h4, header p, header ul, header ol, header a, header label, header select,
header input, header textarea, main h4, main p, main ul, main ol, main a, main label,
main select, main input, main textarea, footer h4, footer p, footer ul, footer ol,
footer a, footer label, footer select, footer input, footer textarea {
    font-size: 1.75rem
}

header small, main small, footer small {
    font-size: 0.999rem
}

header h1, header h2, header h3, header h4, header p, header ul, header ol,
main h1, main h2, main h3, main h4, main p, main ul, main ol, footer h1, footer h2,
footer h3, footer h4, footer p, footer ul, footer ol {
    margin-bottom: 2rem
}

header h1:last-child, header h2:last-child, header h3:last-child,
header h4:last-child, header p:last-child, header ul:last-child, header ol:last-child,
main h1:last-child, main h2:last-child, main h3:last-child, main h4:last-child,
main p:last-child, main ul:last-child, main ol:last-child, footer h1:last-child,
footer h2:last-child, footer h3:last-child, footer h4:last-child, footer p:last-child,
footer ul:last-child, footer ol:last-child {
    margin-bottom: 0
}

header ul, header ol, main ul, main ol, footer ul, footer ol {
    padding-left: 2rem
}

header img, main img, footer img {
    max-width: 100%;
    height: auto
}

.hidden {
    display: none
}

.block {
    display: block
}

.i-block {
    display: inline-block
}

.clearfix:before, .clearfix:after {
    content: ' ';
    display: table
}

.clearfix:after {
    clear: both
}

.alignright, .alignleft, .aligncenter {
    display: block
}

.aligncenter {
    margin-left: auto;
    margin-right: auto
}

.alignright {
    float: right
}

.alignleft {
    float: left
}