.aletter {
    grid-row: 16 / span 4;
    grid-column: 50 / span 11;
}
.aresponse {
    grid-row: 16 / span 4;
    grid-column: 62 / span 11;
}
.eradication {
    grid-row: 16 / span 4;
    grid-column: 74 / span 11;
}
.sustenance {
    grid-row: 16 / span 4;
    grid-column: 86 / span 11;
}

.swagggggggg {
    grid-row: 20 / span 60;
    grid-column: 50 / span 47;
    color: white;
    border: solid 2px white;
    font-size: 2cqw;
    overflow: auto;
    padding: 25px;
    line-height: 115%;
    text-align: justify;
}

.abcd1 {
    grid-row: 37 / span 45;
    grid-column: 10 / span 25;
    transition: ease-in-out 0.15s;
}
.abcd2 {
    grid-row: 17 / span 45;
    grid-column: 15 / span 25;
    mix-blend-mode:lighten;
    transition: ease-in-out 0.15s;
}

.abcd2:hover,.abcd1:hover {
    scale: 1.15;
}

@media (max-width: 640px) {
    .abcd1 {
        grid-row: 2 / span 18;
        grid-column: 30 / span 30;
    }
    .abcd2 {
        grid-row: 2 / span 18;
        grid-column: 65 / span 30;
    }
    .aletter {
        grid-row: 21 / span 4;
        grid-column: 3 / span 24;
    }
    .aresponse {
        grid-row: 21 / span 4;
        grid-column: 27 / span 24;
    }
    .eradication {
        grid-row: 21 / span 4;
        grid-column: 51 / span 24;
    }
    .sustenance {
        grid-row: 21 / span 4;
        grid-column: 75 / span 24;
    }

    .swagggggggg {
        grid-row: 25 / span 65;
        grid-column: 3 / span 96;
        font-size: 5cqw;
        padding: 20px;
        line-height: 125%;
    }
}