* {
    margin: 0px;
    padding: 0px;
    border: 0px;
    -o-transition: 0.190s;
    -ms-transition: 0.190s;
    -moz-transition: 0.190s;
    -webkit-transition: 0.190s;
    transition: 0.190s;
    box-sizing: border-box;
    font-size: 1em;
    color: #666;
}
html, body {
    height: 100%;
}
body {
    background-color: #FFF;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
}
h1 { 
    font-size: 3em;
    margin-top: 2em;
}
h3 {
    font-size: 1.5em;
}
h3, p {
    font-weight: 300;
}
img { 
    max-width: 100%;
    width: 40%;
    display: inline-block;
    vertical-align: bottom;
}
a { 
    border: 0; 
    text-decoration: none;
    color: #37939b;
}
.not-found-wrapper {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
    width: 40%;
    margin: 0 auto;
    align-content: space-between;
    height: 100%;
}
.not-found-text,
.not-found-image {
    flex: 1 1 100%;
}
.not-found-text > p{
    padding-top: 1em;
}
.not-found-image {
    margin-top: 2em;
}

@media screen and (max-width: 650px) {
    .not-found-wrapper{
        width: 50%;
    }
    .not-found-text{
        font-size: 80%;
    }    
    .not-found-image > img {
        width: 90%;
    }
}