* {
    margin:0;
    padding:0;
}
.page-not-found {
    margin:100px 0;
}
.page-not-found .error-page {
    margin: 20px auto;
    width: 50%;
}
.page-not-found .error-page > .headline {
    float: left;
    font-size: 100px;
    font-weight: 300;
}
.page-not-found .error-page .text-yellow {
    color: #f39c12 !important;
}
.page-not-found .error-page > .error-content {
    display: block;
    margin-left: 210px;
    padding-top: 20px;
}
.page-not-found .error-page > .error-content > h3 {
    font-size: 25px;
    font-weight: 300;
}
.page-not-found .error-page > .error-content > .not-found-text a {
    color: #f39c12;
}
@media screen and (max-width:767px) {
    .page-not-found {
        margin: 0;
    }
    .page-not-found .error-page {
        width: 100%;
        padding: 0;
    }
    .page-not-found .error-page > .error-content {
        margin-left: 0;
        padding-top: 0;
        clear: both;
    }
}