/* =Reset
-------------------------------------------------------------- */
html {
    overflow-y: scroll;
    color: #191919;
    font: 400 110%/1.4 "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}
body,
html {
    height: 100%;
    min-height: 100%;
}
body {
    margin: 0;
    font-size: 1rem;
    background: #fff;
    color: #191919;
}
pre {
    overflow-y: scroll;
    color: #191919;
    padding: 2rem 5rem 5rem 1rem;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}
pre a {
    cursor: pointer;
    text-decoration: none;
    color: #808284;
    background-color: transparent;
}
pre a:active,
pre a:hover {
    text-decoration: underline;
    color: #91adac;
    outline: 0;
}
h1,
h2 {
    margin: 0 0 0.5rem;
    color: #444;
    font-weight: 400;
    line-height: 1;
}
h1 { font-size: 2.4rem; }
h2 { font-size: 3.6rem; }
.error-code {
    color: #f47755;
    font-size: 8rem;
    line-height: 1;
}
p { margin: 1.2rem 0; }
p.lead {
    font-size: 1.6rem;
    color: #4f5a64;
}
hr {
    box-sizing: content-box;
    height: 0;
    margin: 2.4rem 0;
    border: 0;
    border-top: 1px solid #ddd;
}
.page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh;
}
.page:before {
    display: block;
    content: '';
    -webkit-box-flex: 0;
    -ms-flex: 0 1 15%;
    flex: 0 1 15%;
    background: #88d2d2 url( "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI3LjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNiAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRUZDNzlFO30KCS5zdDF7ZmlsbDojRUE5QzZBO30KCS5zdDJ7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTE0LjYsMTZIMS40QzAuNiwxNiwwLDE1LjQsMCwxNC42VjEuNEMwLDAuNiwwLjYsMCwxLjQsMGgxMy4xQzE1LjQsMCwxNiwwLjYsMTYsMS40djEzLjEKCUMxNiwxNS40LDE1LjQsMTYsMTQuNiwxNnoiLz4KPGc+Cgk8Zz4KCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNOS45LDguOGMwLTAuMSwwLTAuMSwwLTAuMmMwLjQtMC40LDAuNy0wLjksMC43LTEuNVY1LjZjMC0wLjYtMC4yLTEuMi0wLjUtMS41QzkuOCwzLjYsOS4yLDMuNCw4LjUsMy40aC0yCgkJCWMtMC4xLDAtMC4yLDAuMS0wLjIsMC4ydjYuOWMwLDAuMSwwLjIsMC4yLDAuMywwLjFsMS0wLjhjMCwwLDAuMS0wLjEsMC4xLTAuMVY5LjRjMC0wLjEsMC4xLTAuMiwwLjItMC4yaDAuNmMwLjEsMCwwLjEsMCwwLjIsMC4xCgkJCWwwLjgsMy4xYzAsMC4xLDAuMSwwLjEsMC4yLDAuMWgxLjFjMC4xLDAsMC4yLTAuMSwwLjItMC4yTDkuOSw4Ljh6IE05LjMsNy4xYzAsMC4yLTAuMSwwLjQtMC4yLDAuNUM4LjksNy44LDguNyw3LjksOC41LDcuOUg3LjkKCQkJYy0wLjEsMC0wLjItMC4xLTAuMi0wLjJWNWMwLTAuMSwwLjEtMC4yLDAuMi0wLjJoMC43YzAuNSwwLDAuOCwwLjMsMC44LDAuOFY3LjF6Ii8+CgkJPHBhdGggY2xhc3M9InN0MSIgZD0iTTcuNywxMi43bC0xLjEsMC44Yy0wLjEsMC4xLTAuMiwwLTAuMi0wLjFsLTAuNy0xLjRjMC0wLjEsMC0wLjEsMC0wLjJsMS43LTEuNGMwLjEtMC4xLDAuMywwLDAuMywwLjFsMCwyCgkJCUM3LjcsMTIuNiw3LjcsMTIuNyw3LjcsMTIuN3oiLz4KCTwvZz4KCTxnPgoJCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik05LjQsOC4zYzAtMC4xLDAtMC4xLDAtMC4yYzAuNC0wLjQsMC43LTAuOSwwLjctMS41VjUuMWMwLTAuNi0wLjItMS4yLTAuNS0xLjVDOS4zLDMuMSw4LjcsMi45LDgsMi45SDYKCQkJQzUuOSwyLjksNS45LDMsNS45LDMuMVYxMGMwLDAuMSwwLjIsMC4yLDAuMywwLjFsMS0wLjhjMCwwLDAuMS0wLjEsMC4xLTAuMVY4LjljMC0wLjEsMC4xLTAuMiwwLjItMC4ySDhjMC4xLDAsMC4xLDAsMC4yLDAuMQoJCQlMOC45LDEyYzAsMC4xLDAuMSwwLjEsMC4yLDAuMWgxLjFjMC4xLDAsMC4yLTAuMSwwLjItMC4yTDkuNCw4LjN6IE04LjgsNi42YzAsMC4yLTAuMSwwLjQtMC4yLDAuNUM4LjQsNy4zLDguMiw3LjQsOCw3LjRINy40CgkJCWMtMC4xLDAtMC4yLTAuMS0wLjItMC4yVjQuNWMwLTAuMSwwLjEtMC4yLDAuMi0wLjJIOGMwLjUsMCwwLjgsMC4zLDAuOCwwLjhWNi42eiIvPgoJCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik03LjIsMTIuMmwtMS4xLDAuOGMtMC4xLDAuMS0wLjIsMC0wLjItMC4xbC0wLjctMS40YzAtMC4xLDAtMC4xLDAtMC4yTDcsMTBjMC4xLTAuMSwwLjMsMCwwLjMsMC4xbDAsMgoJCQlDNy4yLDEyLjEsNy4yLDEyLjIsNy4yLDEyLjJ6Ii8+Cgk8L2c+CjwvZz4KPC9zdmc+Cg==") 50% 6em no-repeat;
    background-size: 44% auto;
}
.listing {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 85%;
    flex: 1 1 85%;
    box-sizing: border-box;
    padding: 10rem 5rem 5rem;
    min-height: 100vh;
}
@media (max-width:959px) {
    .page:before {
        -ms-flex-preferred-size: 400px;
        flex-basis: 400px;
        background-position: 50% 4rem;
    }
    .main { padding: 5rem; }
}
@media (max-width: 769px) {
    .page {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .page:before {
        -ms-flex-preferred-size: 250px;
        flex-basis: 250px;
        background-position: 5rem -4.8rem;
        background-size: 166px auto;
    }
    .main {  /* for IE 11 */
        min-height: 0;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
    }
}
@media (max-width: 479px) {
    h2 { font-size: 3rem; }
    .main { padding: 3rem; }
}