.features {
}

@media (min-width:992px) {
    .features {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: auto;
        gap: 20px;
    }
}

.practice {
}

@media (min-width:992px) {
    .practice {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
        grid-template-rows: auto;
    }
}

.background {
}

@media (min-width:992px) {
    .background {
        background-color: #e41e1e;
    }
}

.test {
}

.myparagraph {
}

@media (min-width: 768px) {
    .myparagraph {
        font-size: 2rem;
    }
}

@media (min-width:992px) {
    .test {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: auto;
    }

    .myparagraph {
        font-size: 3rem;
    }
}

.redheading {
    background-position: center center;
    color: #d34444;
    font-style: italic;
}

@media (max-width:767px) {
    .practice {
    }
}

.navtext {
    font-size: 20px;
}

.featureheading {
    text-align: center;
}

.black {
    color: #000000;
}