@charset "UTF-8";
/* CSS Document */

body {
    margin:0px;
    padding:0px;
}

.container {
    background-image: url("../img/punto.png");
    background-repeat: repeat;
    height: 100vh;
}

#fondo {
    background-image: url("../img/imagen.png");
    background-repeat: no-repeat;
    background-position: right top;
    padding: 50px;
    text-align: center;
    height: 100%;
}


.blanco {
    color: white;
}

.rojo {
    color: #e01b4f;
}

.gris {
    color: #525252;
}

.gris2 {
    color: #787777;
}

.black {
    color: #000000;
    text-shadow: 2px 2px 2px #ffffff;
}
.icono {
    width:67px;
    height: auto;
    margin:0;
}
h1 {
    font-size: 20px;
    color: #787777;
    font-family: Gotham, Arial, "sans-serif";
    font-weight: 400;
}

h2 {
    font-size: 15px;
    font-family: Gotham, Arial, "sans-serif";
    font-weight: 700;
}

p {
    font-size: 15px;
    font-family: Gotham, Arial, "sans-serif";
    font-weight: 400;
    margin-top: 35px;

}

.box {
    min-height: 270px;
}
/*
.box {
    background-color: #fff;
    width: 190px;
    height: 300px;
    border: 1px solid #e5e3e3;
    padding: 20px;
    margin: 20px 5px;
    border-radius: 8px;
    box-shadow: 1px 1px 5px 2px #f0efef;
    float: left;
}
*/
.servicios {
    font-size: 12px;
    color: #525252;
    font-family: Gotham, Arial, "sans-serif";
    margin: 0;
}

.footer {
    position: fixed;
    bottom: 0;
    background-color: #e01b4f;
    width: 100%;
    padding: 3vh 0;
    /*
    text-align: center;
    margin: 0;
    padding: 0;
    
    clear: left;
    */
}

.datos {
    font-size: 12px;
    font-family: Gotham, Arial, "sans-serif";
    font-weight: 400;
    margin-top: 15px;
}

/*--media--*/
/* MOBILE SMALL */
@media only screen and ( max-width: 320px) {
    #fondo {
        background-image: url("../img/imagen.png");
        padding: 50px;
    }
    .footer {
        position: relative;
        padding: 3vh 0;
        bottom: -60vh !important;
    }
    .box {
        min-height: 170px;
    }
}
/* MOBILE BIG */
@media only screen and (min-width: 321px) and (max-width: 480px) {
    .footer {
        position: relative;
        padding: 3vh 0;
        bottom: -35vh !important;
    }
    .box {
        min-height: 170px;
    }
}  
/* PHABLET */
@media only screen and (min-width: 481px) and (max-width: 640px) {
    .footer {
        position: relative;
        padding: 3vh 0;
        bottom: -30vh !important;
    }
    .box {
        min-height: 170px;
    }
} 
/* TABLET PORTRAIT */
@media only screen and (min-width: 641px) and (max-width: 720px) {
    .footer {
        position: relative;
        padding: 3vh 0;
        bottom: -20vh !important;
    }
    .box {
        min-height: 170px;
    }
} 
/* TABLET LANDSCAPE */
@media only screen and (min-width: 721px) and (max-width: 960px) {
    .box {
        min-width: 190px;
    }
    .is-one-fifth {
        min-width: 200px;
        margin: 10px;
    }
    .footer {
        position: relative;
        padding: 3vh 0;
    }
    .box {
        min-height: 170px;
    }
}
/* Desktop BREAKPOINT */
@media only screen and (min-width: 961px) and (max-width: 1280px) {
}