.page-500, .page-404 {
    margin: 80px 0;
    text-align: center;
}

    .page-500 .number, .page-404 .number {
        display: inline-block;
        letter-spacing: -10px;
        line-height: 128px;
        font-size: 128px;
        font-weight: 300;
        text-align: right;
    }

    .page-500 .number {
        color: #ec8c8c;
    }

    .page-404 .number {
        color: #7bbbd6;
    }

    .page-500 .details, .page-404 .details {
        margin-left: 40px;
        display: inline-block;
        text-align: left;
    }

.site-unavailable {
    width: 550px;
    margin: 80px auto;
    border-radius: 5px;
    padding: 20px;
    font-family: "Open Sans",sans-serif;
    background-color: #eee !important;
}

    .site-unavailable .logo {
        font-size: 128px;
        color: #ec8c8c;
    }

    .site-unavailable .title {
        color: #555;
        font-size: 30px;
        margin: 20px 0;
    }

    .site-unavailable .details {
        margin-top: 10px;
        font-size: 18px;
        color: #555;
    }

    .site-unavailable .link {
        margin-top: 20px;
        text-align: right;
    }

        .site-unavailable .link a {
            margin-left: 20px;
        }