.not-found-box {
    height: 95vh;
    display: flex;
}

.not-found-box h1 {
    font-size: 3.75rem;
    font-weight: 300;
}

.not-found-box p {
    margin-top: 5%;
    color: #000;
    font-size: 2rem;
    font-weight: 800;
}

.not-found-box .panel-login {
    margin-bottom: 0;
}

.panel-title a {
    font-size: 1.5rem;
    font-weight: 600;
}

.panel-title a:hover, .panel-title a:focus {
    color: inherit;
}

input.form-control {
    border: 1px solid #ccc;
}

@media (max-width: 1024px) {

    .not-found-box p {
        font-size: 100%;
    }

    .not-found-box .panel-title a,
    .not-found-box h4 {
        font-size: 87.5%;
    }

    .not-found-box h1 {
        font-size: 2.5rem;
    }

    .not-found-box .panel-login .panel-heading {
        padding: .5rem .875rem;
    }

    .not-found-box .panel-login .panel-heading,
    .not-found-box .panel-login .panel-footer {
        margin: 1rem;
    }

    hr {
        margin-top: 5%;
        margin-bottom: 5% !important;
    }
}

@media (max-width: 800px) {

    .not-found-box .col-xs-7 {
        display: none;
    }

    .panel.panel-default.panel-login.col-xs-5 {
        width: -webkit-fill-available;
    }

    .not-found-box {
        width: 100%;
        height: auto;
        justify-content: center;
        padding-bottom: 1rem;
    }
}