.contenedor-404 {
    padding: 40px 0;
    min-height: 500px
}

.error-404 * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "Roboto Condensed",sans-serif
}

.error-404 {
    position: relative;
    display: inline-block
}

.error-404 .btn {
    padding: 10px 20px;
    color: #fff;
    border-radius: 5px;
    margin-bottom: 10px;
    font-size: 17px;
    -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 15px 0 rgba(0,0,0,.3);
    box-shadow: 0 0 15px 0 rgba(0,0,0,.3);
    background: #fff;
    font-weight: 700;
    width: 100%;
    overflow: hidden;
    white-space: normal
}

.error-404 .btn span {
    font-size: 14px;
    font-weight: 200
}

.error-404 .btn:hover {
    background-color: #564466;
    border-radius: 0;
    color: #fff
}

.error-404 .basicos {
    color: #81dac4
}

.error-404 .boy {
    color: #fd4605
}

.error-404 .girl {
    color: #e70095
}

.error-404 .baby-boy {
    color: #82bc00
}

.error-404 .baby-girl {
    color: #9794d2
}

.error-404 .newborn-boy {
    color: #3e8ede
}

.error-404 .newborn-girl {
    color: #ee9bac
}

.error-404 h2,.error-404 p {
    color: #564466;
    font-family: FrontageCondensed-Regular
}

.error-404 .bg-blanco {
    background-color: rgba(255,255,255,.7);
    padding: 1% 4% 0;
    margin-bottom: 1%;
    width: 100%
}

.error-404 .bg-blanco img {
    padding: 0 4%
}

.contenido-404 {
    position: absolute;
    left: 0;
    right: 0;
    top: 36%
}

.error-404 h2 {
    font-size: 25px;
    margin: 0;
    padding: 0 4%
}

.error-404 p {
    padding: 0 0 20px!important;
    font-size: 20px;
    font-weight: 700;
    margin: 1% 4% 0;
    text-shadow: -2px 2px 0 #fff
}

.error-404 .img {
    display: inline-block;
    width: auto;
    position: relative
}

.error-404 .img img {
    width: 100%;
    max-width: 750px
}

.error-404 .img img,.error-404 .img:before {
    border-radius: 50%
}

.error-404 .img:before {
    content: "";
    position: absolute;
    top: 1%;
    left: 1%;
    right: 1%;
    bottom: 1%;
    border: 1px solid #fff
}

@media screen and (max-width: 600px) {
    .error-404 .img img,.error-404 .img:before {
        border-radius:0
    }

    .error-404 .img {
        margin-bottom: 30%
    }
}

@media screen and (max-width: 480px) {
    .col-xs-6 {
        width:100%;
        text-align: center
    }

    .contenido-404 {
        margin-top: -46%;
        position: relative
    }

    .error-404 .img {
        margin-bottom: 0
    }

    .error-404 .btn {
        padding: 0 10px;
        font-size: 16px
    }
}