div.infra img{

    width: 100%;
    background-size: cover;
}

div.content-video{
    max-width: 100%;
    overflow-x: hidden;
}
@media (min-width: 992px){
    div.content-video video{
        width: 100%;
        
    }
    
} 
@media (min-width: 320px){
    div.content-video video{
        width: 100%;
        background-size: cover;
        margin-top: 140px;
        
    }
} 
@media (min-width: 360px){  
    div.content-video video{
        width: 100%;
        margin-top:90px;
        
    }
    
} 
@media (min-width: 468px){
    div.content-video video{
        width: 100%;
    
    }
} 
@media (min-width: 768px){
    div.content-video video{
        width: 100%;
        margin:0 auto;
        
        background-size: cover;
        
    }
} 
/**DESCRIPCIÓN**/
@media (min-width:768px ){
    

div.descripcion{
    
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 2.5rem;
    margin-left: 3rem;
    margin-right: 3rem;
    
} 
}
div.descripcion p{
    
    text-align: justify;
    margin-top: 2rem;
    padding: 2rem;
}
div.redes h2{
    margin-left:3rem;
    margin-top: 2rem;
    
}
/**Servicios**/
@media (min-width:768px ){
    ul.servicios{

        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
} 

div.servicio li{

    text-align: center;
    list-style: none;
    margin:3rem auto;
}
div.servicio p{

    margin-top: 2rem;
}

/**Beneficios**/

@media (min-width: 768px){
    ul.beneficios{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
       
} 
@media (min-width: 360px){
    ul.beneficios{
        text-align: center;
        max-width: 100%;
    }
} 
ul.beneficios{
    background-color: rgb(21, 21, 119);
    color: wheat;
    list-style: none;
    text-align: center;
    padding: 2rem;
    column-gap: 2.5rem;
}
.beneficio__parrafo{
    text-align: center;
    text-transform: uppercase;
}
/**SERVICIOS VENTAJES**/

@media (min-width: 768px){
 ul.servis{

    display: grid;
    grid-template-columns:repeat(3, 1fr);
    
 }   
} 
@media (min-width: 360px){
    .servis__img{
        display: block;
        margin: auto;
        max-width: 100%;
    }
    
} 


ul.servis{
    background-color: rgb(245, 245, 245);
    margin-top:4rem;
}
.servis__img{

width: 350px;
padding-right: 2.5rem;
display:block;
margin:auto;


}
.servis__parrafo{
    
    text-align:center;
    
}
.servis__titulo{
    text-transform: uppercase;
    text-align: center;
}
.servis li{
    list-style: none;
    padding:2.5rem;
}
/**FIN**/
@media (min-width: 768px){
    .hero{
        background-image: url(../assets/img/portfolio/infraestructura/red.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
        height: 480px;
        position:relative;
        margin-bottom: 2rem;   
        max-width: 100%;
    } 
} 
@media (min-width: 280px){
    .hero{
        background-image: url(../assets/img/portfolio/infraestructura/red.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
        height: 480px;
        position:relative;
        margin-bottom: 2rem;   
        max-width: 100%;
    }  
} 
.hero__contenedor{
    position: absolute;
    background-color: rgb(0,0,0,.8);
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction:column;
    align-items: center;
    justify-content: center;
}
.hero__contenedor h3,
.hero__parrafo{

    text-transform: uppercase;
    color:var(--white);
    flex-direction:column;
    align-items: center;
    text-align: center;
}