html, body {
    background-color: #275078;
    font-family: Tahoma;
}
* {
    margin: 0;
    padding: 0;
}
.bg-error .title {
    text-align: left;
}

    .bg-error .title span {
        line-height: 1.5;
        color: #3e3e3e;
    }
.bg-error {
    background-color: #f2f2f2;
    text-align: center;
    padding: 50px;
    border-radius: 5px;
    margin: 0 auto;
    margin-top: 10%;
}




    .bg-error h2 {
        text-transform: uppercase;
        /* background: url(images/error404.png) no-repeat 0px 0px; */
        /* height: 66px; */
        /* line-height: 102px; */
        text-align: left;
        /* padding-left: 150px;*/
    }

        .bg-error h2 span {
            font-size: 3em;
            color: red;
        }

    .bg-error .back-home a {
        background: url(images/icon_er_home.png) no-repeat 0px 0px;
        padding-left: 31px;
        color: #555555;
        line-height: 35px;
    }

        .bg-error .back-home a:hover {
            color: red;
        }

    .bg-error .search {
        margin-top: 25px;
    }

        .bg-error .search .txt-search {
            width: 390px;
            height: 38px;
            border: solid 1px #dadada;
            padding-left: 10px;
            border-radius: 5px;
            position: relative;
        }

        .bg-error .search .btn-search {
            width: 96px;
            height: 38px;
            background: url(images/btn_search.png) no-repeat 0px 0px;
            border: none;
            position: absolute;
            margin-left: -96px;
            cursor: pointer;
        }
@media only screen and (min-width: 992px) {
    .bg-error {
        width: 1000px;
    }
}

@media only screen and (max-width: 767px) {
    .bg-error {
        width: calc(100% - 40px);
        padding: 5px;
        margin: 15px;
    }

        .bg-error .search .txt-search {
            width: 100%;
        }
}