@media screen and (min-width: 501px) {


    .dp {
        padding-right: 3rem;
        padding-left: 3rem;
    }

    .dp h1 {
        font-weight: bold;
        margin-top: 2rem;
        padding-left: 2rem;
    }

    .dp h2 {
        font-weight: bold;
        padding-left: 2rem;
    }

    .dp p {
        font-size: 1rem;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
}

@media screen and (max-width: 500px) {
    .dp {
        padding-right: 0;
        padding-left: 0;
    }
    .dp h1 {
        font-weight: bold;
        margin-top: 2rem;
        padding-left: 1rem;
        padding-bottom:1rem;
    }

    .dp h2 {
        font-weight: bold;
        padding-left: 1rem;
        font-size: 1.2rem;
    }

    .dp p {
        font-size: 1rem;
        margin-top: 1rem;
        margin-bottom: 1rem;
        padding-left: 1rem;
    }


}