@media (max-width: 1425px){
    footer .ContenedorFooter .FooterPrincipalContainer .SeccionFooter1{
        width: 1200px;
    }
}

@media (max-width: 1250px) {
    .menu {
        text-decoration: none;
        list-style: none;
        font-family: "Roboto", serif;
        font-weight: 500;
        font-style: normal;
        position: fixed;
        width: 100%;
        z-index: 1;
        background: white;
    }   
    .ContainerNosotrosFlex .PorqueNosotros {
        padding: 2.5rem 9.5rem;
    }

    ul {
        box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.3);
        display: flex;
        justify-content: flex-start;
    } 
    ul li.Logo {
        padding: 0px;
    }   
    ul li {
        margin: 10px;
        padding: 0px 20px;
        display: inline-block;
        align-content: center;
    }
    ul li a {
        text-decoration: none;
        color: rgb(0, 162, 255);
    }
    ul li a:hover {
        text-decoration: none;
        color: rgb(0, 92, 145);
    }
    .ContainerPrincipal .ContainerLogo {
        display: none;
    }
    .ContainerNosotrosFlex .Seccion1 {
        flex-wrap: wrap;
    }
    .ContainerNosotrosFlex .Seccion2 {
        flex-wrap: wrap;
    }
    .ContainerNosotrosFlex .Seccion3 {
        flex-wrap: wrap;
    }
    .ContainerNosotrosFlex .Seccion4 {
        flex-wrap: wrap;
    }
    footer .ContenedorFooter .FooterPrincipalContainer .SeccionFooter1{
        width: 900px;
    }
}
@media (max-width: 800px){
    footer .ContenedorFooter .FooterPrincipalContainer {
        width: 100%;
    }
    .ContainerNosotrosFlex {
        flex-wrap: nowrap;
    }

    footer .ContenedorFooter .FooterPrincipalContainer .SeccionFooter2 {
    width: 400px;
    margin: auto;
    }
    footer .ContenedorFooter .FooterPrincipalContainer .SeccionFooter1{
    width: 100%;
    }
    footer .ContenedorFooter .FooterPrincipalContainer .SeccionFooter1 h2 {
        font-size: 3.5rem;
        
    }
    footer .ContenedorFooter .FooterPrincipalContainer .SeccionFooter1 .Publi h2 {
        font-size: 20px;
    }
    .ContainerNosotrosFlex .PorqueNosotros {
    padding: 1rem 1rem;
    }
    .ContainerNosotrosFlex .PorqueNosotros h1 {
        font-size: 4rem;
    }
    .ContainerNosotrosFlex .PorqueNosotros p {
        font-size: 1rem;
    }

}

@media (max-width: 700px) {
    footer .ContenedorFooter .FooterPrincipalContainer .SeccionFooter1 h2 {
        font-size: 2.5rem;
    }
    footer .ContenedorFooter .FooterPrincipalContainer .SeccionFooter1 .Publi h2 {
        font-size: 20px;
    }
    footer .ContenedorFooter .FooterPrincipalContainer .SeccionFooter1 .Publi .ButtonContact form input {
        width: 200px;
    }
}
@media (max-width: 530px){
    .ContainerNosotrosFlex .Seccion1 .QuienesSomos {
        width: 100%;
    }
    .ContainerNosotrosFlex .Seccion3 .Unete {
        width: 100%;
    }
    .ContainerNosotrosFlex .Seccion4 .Trabajamos {
        width: 100%;
    }
    .ContainerNosotrosFlex .Seccion1 .QuienesSomos h2 {
        font-size: 30px;
    }
    .ContainerNosotrosFlex .Seccion1 .QuienesSomos p {
        font-size: 20px;
    }
    .ContainerNosotrosFlex .Seccion3 .Unete h2 {
        font-size: 30px;
    }
    .ContainerNosotrosFlex .Seccion3 .Unete p{
        font-size: 20px;
    }
    .ContainerNosotrosFlex .Seccion4 .Trabajamos h2 {
        font-size: 30px;
    }
    .ContainerNosotrosFlex .Seccion4 .Trabajamos p {
        font-size: 20px;
    }
    }
@media (max-width: 480px) {
    .menu{
        width:100vw;

    }
    ul.menu{
        height: 80px;
        width: 100%;
        display: flex;
        justify-content: center;
    }
    ul li.Logo {
        display: none;
    }   

    .ContainerPrincipal{
        background-image: url("../Img/FondoMovil.jpg");
      background-size: cover;
        background-position: center;
    }
    .ContainerPrincipal .Text{
        margin-left:10px;
        
    }
    .ContainerPrincipal .Text h3{
        color: white;
    }
    .ContainerPrincipal .Text p{
        color: white;
    }
    .ContainerPrincipal .Text p.Creamos{
        color: #ffffff;
        margin-top: 10px;
        font-size: 15px;
    }

    .ContainerPrincipal .Text h1{
        font-size: 80px;
    }
    .ContainerPrincipal .Text .Contact {
        height: 40px;
        background-color: #00A2FF;
        border: solid 2px #00A2FF;
    }
    .ContainerNosotros{ 
    justify-content: center;
    flex-direction: column-reverse;
    }
    .ContainerNosotros .PorqueImagen {
        padding: 0px;
        display: flex;
        align-items: flex-end;
        justify-content: center;
    }
    .ContainerNosotros .PorqueImagen img{
        height: 400px;
    }


    .ContainerNosotros .Porque {
        padding: 5px;
        width: auto;
    }
    p.PlanesGracias{
        width: auto;
    }
    .contenedor-precios .planes {
        justify-content: center;
        margin-top: 50px;
        width: 100%;
}
    h1.saludo{
    margin-top: 50px;
}
    .contenedor-precios .planes .plan-static {
    width: 300px;
    height: 600px;
}
    .contenedor-precios .planes .plan-web {
    width: 300px;
    height: 600px;

}
    .contenedor-precios .planes .plan-ecommerce {
    width: 300px;
    height: 600px;
}
    footer .ContainerFooter .About .ContainerLinks {
    width: 100%;
}

.ContainerPagNosotros .QuienesSomos .Developers {
    justify-content: center;
}
.ContainerPagNosotros .QuienesSomos .Developers .FotoDevelopers{
    display: none;
}
.ContainerPagNosotros .QuienesSomos .Developers .TextoDevelopers {
    padding: 0px;
}
main .ContainerContactUs .ContactForm {
    width: 100%;
    height: 113%;
}
main .ContainerContactUs .ContactImg {
    display: none;
}
main .ContainerContactUs h1.title {
    color: #ffffff;
    font-size: 60px;
    margin-top: 20px;
}
main .ContainerContactUs .ContactForm Form input {
    width: 90%;
}
main .ContainerContactUs .ContactForm Form {
    width: 80%;
}
footer .ContenedorFooter .FooterPrincipalContainer .SeccionFooter1 .Publi .ButtonContact form input {
    width: 100px;
    font-size: 15px;
}
footer .ContenedorFooter .FooterPrincipalContainer .SeccionFooter1 h2 {
    font-size: 1.8rem;
}
footer .ContenedorFooter .FooterPrincipalContainer .SeccionFooter1 .Publi h2 {
    font-size: 15px;
}
}