body {
    font-family: 'Roboto Condensed', sans-serif;
}

.color {
    background-color: orange;
    font-family: Arial;
    font-size: 18px;
}


/*MENU DE NAVEGACION */

.bar-color {
    background-color: #212121;
    color: #BDBDBD;
    height: 80px;
}

.bar-color .top-bar {
    background-color: #212121;
}

.bar-color .top-bar-left {
    background-color: #212121;
    font-size: 22px;
    font-weight: bold;
}

.bar-color .top-bar-right {
    background-color: #212121;
}

.bar-color .menu {
    background-color: #212121;
}

.bar-color li {
    margin: 4px;
}

.bar-color a {
    color: #BDBDBD;
}


/*END MENU DE NAVEGACION */


/*FORMULARIO */

.form-color {
    background-color: #58D68D;
    margin-top: 100px;
}

.form-color label {
    font-size: 18px;
    font-family: sans-serif;
}

.form-color .btn {
    background-color: #239B56;
}


/* END FORMULARIO */


/*SLIDER */

.images {
    opacity: 0.9;
}


/*SERVICIOS*/

.servicios {
    margin-top: 15px;
}

.size {
    font-weight: bold;
}


/*FOOTER*/

footer {
    background-color: #212121;
    color: #BDBDBD;
    padding: 20px 0px;
    margin-top: 10px;
}

footer a {
    color: #BDBDBD;
    margin: 5px;
    display: block;
}

footer a:hover {
    color: #BDBDBD;
}

footer .grid-x cell{
    position: absolute;
    padding: 5px;
    text-align: center;
    bottom: 0;
    width: 100%;
}


/*NOSOTROS

.grid-x a {
    color: #212121;
    font-size: 20px;
}*/

.js-nosostros .grid-container {
    padding: 100px 0px;
}

.js-contacto .grid-container {
    padding: 50px 0px;
}

.js-contacto .grid-container .grid-x {
    padding: 5px 0px;
}

.grid-x .vertical a {
    color: #212121;
    font-size: 20px;
}

.grid-x .vertical .is-active {
    background-color: #58D68D;
}

.js-grid .grid-x {
    background-color: red;
    padding-top: 5%;
}

.grid-x .demo {
    background-color: greenyellow;
}

.js-grid .grid-y {
    background-color: yellowgreen;
}

.grid-y .demo {
    background-color: blue;
}

.footercontacto{
    position: absolute;
    padding: 5px;
    text-align: center;
    bottom: 0;
    width: 100%;
}

/* TARJETAS DE SERVICIOS */

.card_info{
    width: 220px;
    height: 200px;
    display: block;
    margin: auto;
}