*{
    box-sizing: border-box;
}
html, body{
    height: 100%;
}
body {
    font-family: 'GFS Didot',Karla,Arial,sans-serif;
    font-weight: 300;
    text-transform: none;
    color: #262c26;
    font-size: 15px;
    line-height: 1.33333333;
    background: #fff;
    margin: 0;
}
body.maintenance-mode {
    /* The image used */
    background-image: url("H-contacto8.jpg");

    /* Full height */
    height: 100%; 

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    /* no scroll by 3Damy */
    overflow: hidden;
}
.maintenance-mode .wrapper {
    background: transparent !important;
    min-height: 100%;
    padding-bottom: 0;
    z-index: 300;
    position: relative;
}
.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.page-container {
    margin-top: 25%;
    position: relative;
    width: 100%;
    margin-bottom: 55px;
}
.coming-soon-container p, .coming-soon-container a, .coming-soon-container .message-container {
    color: #ffffff !important;
    text-align: center;
}
.coming-soon-container a:after {
    background-color: #ffffff !important;
}
.coming-soon-container .message-container {
    visibility: visible;
    color: #fff;
}
img{
    max-width: 90%;
    margin: 150px 0 50px;
    border: none;
    z-index:0;
}
p{
    margin: 35px 0 9.5px 0;
    font-size: 20px;
    text-rendering: optimizeLegibility;
}

/* variaciones según tamaño de dispositivos */

    @media (min-width: 1200px){
        .container {
            width: 1170px;
        }
    }
    @media (min-width: 992px){
        .container {
            width: 970px;
        }
    }
    @media (min-width: 768px){
        .container {
            width: 750px;
        }
    }
    @media screen and (max-width: 768px){
        .page-container {
            margin-bottom: 27.5px;
        }
               img{
            margin-top: 0;
        }
    }
    @media screen and (max-width: 480px){

        .coming-soon-container p {
            font-size: 16px;
        }
    }

/* FIN variaciones según tamaño de dispositivos */