/* escritorio____________________*/

.fotodos {
    grid-column: 1/8;
}

.parrafocapi {
    grid-column: 8/11;
    margin-left: 24px;
}

.recuadrosabias {
    grid-column: 3/11;
}

.graficorecuadro {
    grid-column: 3/5;
    margin-right: 24px;
}

.textorecuadro {
    grid-column: 5/11;
}

.foto {
    grid-column: 3/11;
    margin-bottom: 2rem;
}

.texto {
    grid-column: 3/7;
}

.fotorecuadro {
    grid-column: 3/8;
    margin-top: 4rem;
}

.textorecuadro {
    grid-column: 8/11;
}

.aviones {
    position: absolute;
    width: 512px;
    height: 250px;
    top: 0;
    left: 0;
}

.avionesdos {
    width: 512px;
    height: 250px;

}



/* responsive _________________ */
@media (max-width:768px){
    .fotodos {
        grid-column: 1/-1;
    }
    
    .parrafocapi {
        grid-column: 1/-1;
        margin-left: 0;
    }
    
    .recuadrosabias {
        grid-column: 1/-1;
    }
    
    .graficorecuadro {
        grid-column: 1/-1;
        margin-right: 0;
    }

    .graficorecuadro img {
        width: 200px;
        margin: auto;
    }
    
    .textorecuadro {
        grid-column: 1/-1;
    }
    
    .foto {
        grid-column: 1/-1;
    }
    
    .texto {
        grid-column: 1/-1;
    }
    
    .fotorecuadro {
        grid-column: 1/-1;
    }
    
    .textorecuadro {
        grid-column: 1/-1;
    }
  
   
}



/*Resoluciones mayores a 1200 */
@media screen and (min-width: 1200px) {


}