.Padre {
    position: relative;
    text-align: center;
}
.Hijo {
    position: absolute;
    top: 50%;
    transform: translate(-1%, -50%);
}
.Categorias {
    background: url(/Content/App/Imagenes/Clientes/fondo.png) no-repeat;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
}


#tipos {
    font-size: 98px;
}

#home {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

#titulo {
    color: #ffde59;
    font-size: 98px;
}

#sub-titulo {
    color: white;
    font-size: 54px;
}

.marco > img {
    border: black 75px solid;
    border-image-slice: 75;
    border-image-source: url(/Content/App/Imagenes/Clientes/marco.png);
}

/*Colores Tipo Restaurante*/
.Pizzerias {
    color: #F66051;
}

.Asadores {
    color: #BA755E;
}

.Hamburgueserias {
    color: #7ED957;
}

.Taperias {
    color: #38B6FF;
}

.Bocaterias {
    color: #FF914D;
}

.Cafeterias {
    color: #262C33;
}

.Altacocina {
    color: #9f8f23;
}

.Hoteles {
    color: #CB6CE6;
}
/*Fin*/

/*Casos Exito*/

.Colapso {
    background-color: #fff;
    left: -43px;
    position: relative;
}

@media (max-width: 300px) {
    html {
        font-size: 70% !important;
    }

    .Categorias {
        background-size: 110%;
    }

    #tipos {
        font-size: 26px;
    }

    #titulo {
        font-size: 28px;
    }

    #sub-titulo {
        font-size: 12px;
    }
}


@media (min-width: 300px) {
    html {
        font-size: 70% !important;
    }

    .Categorias {
        background-size: 110%;
    }

    #tipos {
        font-size: 26px;
    }

    #titulo {
        font-size: 28px;
    }

    #sub-titulo {
        font-size: 12px;
    }
}

@media (min-width: 400px) {
    html {
        font-size: 80% !important;
    }

    .Categorias {
        background-size: 110%;
    }

    #tipos {
        font-size: 32px;
    }

    #titulo {
        font-size: 28px;
    }

    #sub-titulo {
        font-size: 12px;
    }
}

@media (min-width: 500px) {
    html {
        font-size: 80% !important;
    }

    .Categorias {
        background-size: 109%;
    }

    #tipos {
        font-size: 56px;
    }

    #titulo {
        font-size: 47px;
    }

    #sub-titulo {
        font-size: 24px;
    }
}

@media (min-width: 800px) {
    html {
        font-size: 110% !important;
    }
    /*  .Categorias {
        background-size: 25%;
    }*/

    #titulo {
        font-size: 82px;
    }

    #sub-titulo {
        font-size: 54px;
    }
}

@media (min-width: 1200px) {
    html {
        font-size: 120% !important;
    }
}