/*----- COVER -----*/

.box_titulo{
    position: absolute;
    bottom: 5%;
    left: 15px;
    color: white;
}

.titulo{
    font-family: 'Rubik', sans-serif;
    font-weight: 600;
    float: left;
    text-align: left;
    text-shadow: black 0.1em 0.0em 0.3em;
    padding-top: 70px;
    padding-left: 20px;
    border-left: #dcdcdc 1px solid;
    color: white;
}

.icon_titulo{
    float: left;
    padding-right: 10px;
    line-height: 0;
}

.cover_laser, .cover_plegado, .cover_mecanizado, .cover_soldadura, .cover_ingenieria{
    position: relative;
    height: 30%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
/*    border-top: #ffc300 4px solid;*/
}

.cover_laser{
    background-image: url("../img/desk/cover_servicios_laser_2000.jpg");
}

.cover_plegado{
    background-image: url("../img/desk/cover_servicios_plegado_2000.jpg");
}

.cover_mecanizado{
    background-image: url("../img/desk/cover_servicios_mecanizado_2000.jpg");
}

.cover_soldadura{
    background-image: url("../img/desk/cover_servicios_soldadura_2000.jpg");
}

.cover_ingenieria{
    background-image: url("../img/desk/cover_servicios_ingenieria_2000.jpg");
}


/*----- DESCRIPCIÓN -----*/


.servicios_col-1{
    width: 50%;
    float: left;
}

.servicios_col-2{
    width: 50%;
    float: left;
}

.imagenes{
    padding: 0px 15px; 
}

.parrafo{
    text-align: left;
    color: #717171;
    padding: 0px 15px;
}

/*----- OTROS SERVICIOS -----*/

.titulo_otros{
    text-align: left;
    font-size: 30px;
    font-weight: 600;
    color: #474a55;
    padding: 0px 15px 50px;
}

.chevron{
    float: right;
    font-size: 16px;
    display: none;
}

button{
    background-color: white;
    border: none;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 0.5pt;
    color: #3a3c3d;
    cursor: pointer;
    width: 20%;
    float: left;
    padding: 120px 0px 0px;
    background-repeat: no-repeat;
    background-position: 50% 0%;
}

button:hover {
    background-color: #3a3c3d;
    color: #bac0c1;
    transition: 0.5s ease;
}

.boton_laser {
    border-right: #dcdcdc 1px solid;
    background-image:url(../img/desk/icon_laser_black.png);
}

.boton_laser:hover {
    background-color: white;
    background-image:url(../img/desk/icon_laser_over.png);
}

.boton_plegado {
    border-right: #dcdcdc 1px solid;
    background-image:url(../img/desk/icon_plegado_black.png);
}

.boton_plegado:hover {
    background-color: white;
    background-image:url(../img/desk/icon_plegado_over.png);
}

.boton_mecanizado {
    border-right: #dcdcdc 1px solid;
    background-image:url(../img/desk/icon_mecanizado_black.png);
}

.boton_mecanizado:hover {
    background-color: white;
    background-image:url(../img/desk/icon_mecanizado_over.png);
}

.boton_soldadura {
    border-right: #dcdcdc 1px solid;
    background-image:url(../img/desk/icon_soldadura_black.png);
}

.boton_soldadura:hover {
    background-color: white;
    background-image:url(../img/desk/icon_soldadura_over.png);
}

.boton_ingenieria {
    background-image:url(../img/desk/icon_ingenieria_black.png);
}

.boton_ingenieria:hover {
    background-color: white;
    background-image:url(../img/desk/icon_ingenieria_over.png);
}


/*----- MEDIA QUERY -----*/


@media screen and (max-width:900px){
    
    button{
        width: 25%;
    }
    
    .servicios_col-1{
        width: 100%;
        float: none;
        padding-bottom: 50px;
    }
    
    .servicios_col-2{
        width: 100%;
        float: none;
        padding: 0px 15px;
        text-align: left;
    }
    
    .imagenes{
        padding: 0px; 
    }
}

@media screen and (max-width: 768px){
    
    .cover_laser{
        background-image: url("../img/tab/cover_servicios_laser_768.jpg");
    }
    
    .cover_plegado{
        background-image: url("../img/tab/cover_servicios_plegado_768.jpg");
    }
    
    .cover_mecanizado{
        background-image: url("../img/tab/cover_servicios_mecanizado_768.jpg");
    }
    
    .cover_soldadura{
        background-image: url("../img/tab/cover_servicios_soldadura_768.jpg");
    }
    
    .cover_ingenieria{
        background-image: url("../img/tab/cover_servicios_ingenieria_768.jpg");
    }
    
    button{    
        text-align: left;
        width: 100%;
        float: none;
        padding: 25px 0px 25px 70px;
        background-position: 0px 50%;
    }
    
    .chevron{
        display: block;
    }
    
    .otros_servicios {
        padding-left: 25px;
        padding-right: 25px;
        bottom: 10px;
    }
    
    .boton_laser, .boton_plegado, .boton_mecanizado, .boton_soldadura {
        border-right: none;
    }
    
    .boton_laser {
        border-bottom: #cccccc 1px solid;
        background-image:url(../img/mob/icon_laser_black.png);
    }

    .boton_laser:hover {
        background-image:url(../img/mob/icon_laser_over.png);
    }

    .boton_plegado {
        border-bottom: #cccccc 1px solid;
        background-image:url(../img/mob/icon_plegado_black.png);
    }

    .boton_plegado:hover {
        background-image:url(../img/mob/icon_plegado_over.png);
    }

    .boton_mecanizado {
        border-bottom: #cccccc 1px solid;
        background-image:url(../img/mob/icon_mecanizado_black.png);
    }

    .boton_mecanizado:hover {
        background-image:url(../img/mob/icon_mecanizado_over.png);
    }

    .boton_soldadura {
        border-bottom: #cccccc 1px solid;
        background-image:url(../img/mob/icon_soldadura_black.png);
    }

    .boton_soldadura:hover {
        background-image:url(../img/mob/icon_soldadura_over.png);
    }

    .boton_ingenieria {
        background-image:url(../img/mob/icon_ingenieria_black.png);
    }

    .boton_ingenieria:hover {
        background-image:url(../img/mob/icon_ingenieria_over.png);
    }
    
}


@media screen and (max-width: 500px){
    
    .titulo{
        font-size: 40px;
        padding-top: 40px;
        padding-left: 14px;
    }
    
    .titulo_plegado, .titulo_mecanizado{
        font-size: 40px;
        padding-top: 40px;
        padding-left: 14px;
    }
    
    .icon_titulo{
        padding-bottom: 0px;
    }
    
    .cover_laser{
        background-image: url("../img/mob/cover_servicios_laser_500.jpg");
    }
    
    .cover_plegado{
        background-image: url("../img/mob/cover_servicios_plegado_500.jpg");
    }
    
    .cover_mecanizado{
        background-image: url("../img/mob/cover_servicios_mecanizado_500.jpg");
    }
    
    .cover_soldadura{
        background-image: url("../img/mob/cover_servicios_soldadura_500.jpg");
    }
    
    .cover_ingenieria{
        background-image: url("../img/mob/cover_servicios_ingenieria_500.jpg");
    }

}

@media screen and (max-width: 420px){
    
    .servicios_col-1{
        padding-bottom: 40px;
    }
    
    .icon_titulo{
        display: none;
    }
    
    .titulo{
        font-size: 40px;
        padding-top: 40px;
        padding-left: 14px;
    }
    
    .cover_laser{
        background-image: url("../img/mob/cover_servicios_laser_360.jpg");
    }
    
    .cover_plegado{
        background-image: url("../img/mob/cover_servicios_plegado_360.jpg");
    }
    
    .cover_mecanizado{
        background-image: url("../img/mob/cover_servicios_mecanizado_360.jpg");
    }
    
    .cover_soldadura{
        background-image: url("../img/mob/cover_servicios_soldadura_360.jpg");
    }
    
    .cover_ingenieria{
        background-image: url("../img/mob/cover_servicios_ingenieria_360.jpg");
    }
    
    .titulo_otros{
        padding-bottom: 50px;
    }
}