@font-face {
        font-family: Raleway;
        src: url(../fonts/raleway/Raleway-Regular.woff) format("woff");
        src: url(../fonts/raleway/Raleway-Regular.ttf) format("ttf");
        font-style: normal;
        font-weight: normal;
}
html {
        color: rgb(34, 34, 34); line-height: 1.1; font-size: 1em;
}
body {
        font: 1em/1.2 "Raleway", sans-serif, Lucida Sans Unicode; margin: 0px; width: 100%; font-size-adjust: none; font-stretch: normal;
}
::selection {
        background: rgb(179, 212, 252); text-shadow: none;
}
header h2 {
        margin: 0px 1.2em;
}
h3 {
        margin-left: 1.2em;
}
p {
        margin: auto 0.5em 0 1em;
}
a {
        color: rgb(35, 19, 11); text-decoration: none;
}
a:hover {
        color: rgb(0, 0, 0); opacity: 0.9;
}

article, section, aside {margin: 0;}

header {
        background: transparent; border-color: rgb(213, 213, 213); flex-flow:row wrap; order: 1; width: 100%; height: 17em; overflow: hidden; margin-right: 0px; display: flex; -webkit-flex-flow: row wrap; -webkit-order: 1;
}
header > {
         -webkit-flex: 1 1 0%;
         flex:1 1 0%;
}
header h1 {
        padding: 0px; text-align: center; color: rgba(225, 225, 225, 0.35); letter-spacing: -0.01em; font-family: "Raleway", "disco_deckregular", sans-serif; cursor: default; text-shadow:  0px 0px 1px white, 0px 0px 2px white, 0px 0px 3px white, 0px 0px 10px #00d2ff, 0px 0px 10px #00d2ff, 0px 0px 11px #00d2ff, 0px 0px 13px #00d2ff; background-color: transparent!important; mix-blend-mode: difference; -webkit-transition: -webkit-transform all 1.5s;
transition: transform all 1.5s;
}
header h1:hover {
     background-color: transparent;
     }
main {
        display: -webkit-flex; -webkit-flex-flow:row wrap; -webkit-align-self: center;
        display: flex; flex-flow:row wrap; align-self: center; align-self: center;
}
article {
        background-color: rgb(250, 251, 253); color: black; margin: 0; padding: 0;
}
article h2 {
     margin: 0;
     padding: 0;
     text-align: center;
     font-size: 1.7em;
     line-height: 1.7em;
}
article h3 {
        padding-right: 0.25em; padding-left: 0.25em;
}
article h4 {
     margin-left: 11%;
}
article p {
        padding-right: 0.25em; padding-left: 0.25em;
}
article img {
     margin: 0 auto;
     }
aside {
        background: rgb(239, 239, 239); flex:1 1 0%; padding: 0.25em 0;}
aside li {
        margin-left: 0; list-style-type: none;
}

aside.bg img {
        display: none;
}
.gray {
background: #efefef;
padding-bottom: 0.7em;
padding-top: .6em;}
.wide {-ms-order: 4; order: 4;}

header {
        -webkit-justify-content: center; -webkit-align-items: center; -webkit-flex:1 1 100%;
        flex:1 1 100%;
        justify-content: center; align-items: center;
        flex:1 1 100%; height: 13em;
}
article {-webkit-flex:1 1 100%; flex:1 1 100%;}
aside, section, footer {-webkit-flex:1 1 100%; flex:1 1 100%;}

header h1 {
        font-size: 5.5em;

}
aside.bg img {
        display: none;
}
@media all and (min-width:39em)
{
header {
        height: 17em;
}
header h1 {
        font-size: 9em; font-weight: 700;
}
article {
        -webkit-flex:12 1 0%; flex:12 1 0%; padding-bottom: 0.25em; margin-right: 0px; margin-left: 0px; webkit-order: 2; order: 2;
}

section {
        padding-left: 0; margin-right: 0;
}
aside {
        -webkit-flex: 1 auto; -webkit-order: 3;
        flex:1 auto; order: 3;
}
footer {
        webkit-order: 5; order: 5;
}
}
@media all and (min-width:45em)
{
header h1 {
        font-size: 9.5em; font-weight: 900;
}
article h3 {
        padding-right: 13%; padding-left: 13%;
}
article h4 {
        padding-right: 11%; padding-left: 7%;
}
article p, section p {
        padding-right: 12%; padding-left: 14%;
}
.wide {-ms-order: 5; order: 5;}

/*
article {
        -webkit-flex:5 1 0%; -webkit-order: 2; flex:5 1 0%; order: 2;
}


aside.bg img {
        display: block;
} */
}