html,
body{
margin:0;
padding:0;
width:100%;
min-height:100vh;
font-family:'Poppins',sans-serif;
background:#ffffff;
display:flex;
flex-direction:column;
}

.status__page{
display:flex;
flex-direction:column;
min-height:100vh;
}

.status__card{
flex:1;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
padding:20px 20px 10px;
}



.imagen-principal{
width:100%;
max-width:520px;
height:auto;
}

.status__decorative-icon{
    margin: 5px auto;
    filter: brightness(0) saturate(100%) invert(27%) sepia(61%) saturate(670%) hue-rotate(172deg) brightness(102%) contrast(93%);
    width: 70px;
    height:auto;
}



.status__content{
text-align:center;
}

.status__title{
font-size:2.15rem;
font-weight:400;
color:#3f3f3f;
margin:0;
line-height:1.35;
}

.status__text{
margin-top:6px;
font-size:1.2rem;
color:#5d5d5d;
}

.status__text strong{
color:#333;
font-weight:600;
}

.status__footer{
background:#e9e9e9;
border-top:none;
padding:22px 0;
}

.status__footer-item{
text-align:center;
color:#444;
font-size:1rem;
line-height:1.6;
}



.status__footer a{
color:#1576d1;
text-decoration:none;
}

.status__footer a:hover{
text-decoration:underline;
}

/* Bootstrap grid replacement */
.container{
    width:100%;
    padding-right:15px;
    padding-left:15px;
    margin-right:auto;
    margin-left:auto;
}
@media (min-width:576px){
    .container{ max-width:540px; }
}
@media (min-width:768px){
    .container{ max-width:720px; }
}
@media (min-width:992px){
    .container{ max-width:960px; }
}
@media (min-width:1200px){
    .container{ max-width:1140px; }
}

.row{
    display:flex;
    flex-wrap:wrap;
    margin-right:-15px;
    margin-left:-15px;
}

.align-items-center{
    align-items:center;
}

[class*="col-"]{
    position:relative;
    width:100%;
    padding-right:15px;
    padding-left:15px;
    box-sizing:border-box;
}

@media (min-width:768px){
    .col-md-6{
        flex:0 0 50%;
        max-width:50%;
    }
}

@media (min-width:992px){
    .col-lg-3{
        flex:0 0 25%;
        max-width:25%;
    }
}

@media (max-width: 576px){

    .status__card{
        padding:20px 15px 10px;
        justify-content:center;
    }

    .status__image{
        margin-bottom:15px;
    }

    .imagen-principal{
        max-width:190px;
    }

    .status__decorative-icon{
        width:28px;
        margin:8px auto 14px;
    }

    .status__content{
        max-width:100%;
    }

    .status__title{
        font-size:1.3rem;
        line-height:1.3;
        margin-bottom:8px;
        padding:0 10px;
    }

    .status__text{
        font-size:.9rem;
        line-height:1.4;
        padding:0 10px;
    }

    .status__footer{
        padding:15px 0;
    }

    .status__footer-logo{
        max-width:120px;
        margin-bottom:10px;
    }

    .status__footer-item{
        font-size:.8rem;
        line-height:1.5;
        margin-bottom:12px;
    }

    .status__footer .row{
        text-align:center;
    }
}