body {
    background-color: #f0f3f0;
  }

.btn-formulario{
    background: #f8f9fa;
    color: #3FA535;
    width: 100%;
    margin-bottom: 15px;
    padding: 15px 30px 15px 30px;
    border-radius: 3px;
    border: 1px solid #3FA535;
    font-size: 15px;
    text-decoration: none;
}

.btn-formulario:hover{
    background:#212529;
    color: #f8f9fa;
    width: 100%;
    margin-bottom: 15px;
    padding: 15px 30px 15px 30px;
    border-radius: 3px;
    border: 2px solid #3FA535;
    font-size: 15px;
}

hr {
    border: 0;
    height: 2px;
    width: 80%;
    position: relative;
    margin: 30px auto;
    background-image:linear-gradient(90.60017557646847deg, rgba(73, 177, 242,1) 2.345703125%,rgba(72, 175, 240,1) 2.345703125%,rgba(19, 31, 97,1) 51.832194010416664%,rgba(73, 177, 242,1) 99.29882812499999%);
}

/* Cuando la pantalla mida menos de 700 px, se mostrata de esta manera */
@media (max-width:700px) {
    .seccionesInicio, .informacionServicios, .seccionesInicio, .seccionContactanosInicio ,.seccion_Servicios, .seccion_Servicios_Mantenimiento, .seccion_Servicios_Electronica, .seccionHistoria {
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }
    .bienvenida1{ 
        margin: 10px;
    }
    .bienvenida2{ 
        margin: 10px;}
    .bienvenida3{ 
    margin: 10px;}
    .bienvenida4{ 
    margin: 10px;}

    .historia{
        margin: 10px;
    }

    .excelencia{
        margin: 10px;
    }
    .seccionContactanosInicio{
        margin-top: 5px;
    }
    .informacionServicios{
        height: 120px;
    }
}

@media(min-width:701px) and (max-width:1023px){
    .seccionesInicio, .informacionServicios, .seccionesInicio, .seccionContactanosInicio ,.seccion_Servicios, .seccion_Servicios_Mantenimiento, .seccion_Servicios_Electronica, .seccionHistoria {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
    }
    .bienvenida1{ width: 45%;
        margin: 10px;
    }
    .bienvenida2{ width: 45%;
        margin: 10px;}
    .bienvenida3{ width: 45%;

    margin: 10px;}
    .bienvenida4{ width: 45%;

    margin: 10px;}

    .texto_servicio {width: 50%; align-self: center;}
    .boton_servicio {width: 50%; align-self: center;}

    .textoContactanos{width: 100%;}
    .icono1_contactanos{ width: 50%;}
    .icono2_contactanos{ width: 50%;}
    .icono3_contactanos{ width: 100%;}

    .seccion_informacion_electronica{width: 50%;}
    .seccion_informacion_mantenimiento{width: 50%;}
    .seccion_informacion_consultarServicio{width: 50%;}

    .seccion_Servicios_imagen{width: 50%;}
    .seccion_Servicios_texto{width: 50%;}


    .informacionServicios{
        margin-right: 10px;
        margin-left: 10px;
    }

    .historia{
        width: 40%; 
   
        margin: 10px;
    }

    .excelencia{
        width: 40%;

        margin: 10px;
    }

    .seccionContactanosInicio{
        margin-top: 5px;

    }
}


/* Cuando la pantalla mida mas de 1024 px, se mostrata de esta manera */
@media (min-width:1024px) {
    .seccionesInicio, .informacionServicios, .seccionesInicio, .seccionContactanosInicio ,.seccion_Servicios, .seccion_Servicios_Mantenimiento, .seccion_Servicios_Electronica, .seccionHistoria {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
    }

    .seccionHistoria{
        height: 300px;

    }

    .seccionesInicio{
        height: 500px;
    }


    .bienvenida1{ 
        width: 65%;
        margin: 25px;
    }

    .bienvenida2{ 
        width: 45%;
        margin: 10px;
    }

    .bienvenida3{ 
        width: 45%;
        margin: 10px;
    }

    .bienvenida4{ 
        width: 50%;
        margin: 10px;
    }


    .informacionServicios{
        height: 200px;
        width:  100%;
        margin-right: 10px;
        margin-left: 10px;
        margin-bottom: 5px;
    }


    .textoContactanos{width: 25%}
    .icono1_contactanos{ 
        width: 25%;
        
    }
    .icono2_contactanos{ 
        width: 25%;
       
    }
    .icono3_contactanos{ width: 25%;}

    .texto_servicio {width: 100%; align-self: center;}
    .boton_servicio {width: 100%; align-self: center;}

    .seccion_informacion_electronica{width: 33%;}
    .seccion_informacion_mantenimiento{width: 33%;}
    .seccion_informacion_consultarServicio{width: 33%;}

    .seccion_Servicios_imagen{width: 50%;}
    .seccion_Servicios_texto{width: 50%;}

    .historia{
        width: 40%;
        margin: 25px;
    }

    .excelencia{
        width: 40%;
        margin: 25px;
    }

}