body {
    font-family: forma-djr-micro, sans-serif;
    font-style: normal;
    font-weight: 400;
    margin: 0;
    padding: 0;
}

:root {
    --h2-font-weight: 800;
    --btn-background-color: hsla(290, 89%, 7%, 1);
    --btn-color: hsla(0, 0%, 100%, 1);
    --btn-padding: 0.938rem 1.875rem;
    --btn-border-radius: 6.25rem;
    --btn-font-weight: 700;
    --btn-line-height: 100%;
}

.package {
    display: flex;
    flex-direction: column;
    margin: auto;
    width: 80%;
    padding: 2rem 0;
}

.package-img {
    order: 1;
}

.package-content {
    order: 2;
}

.package-img img {
    width: 100%;
    height: auto;
    border-radius: 8% 0 0 8%;
}

.package:nth-child(2) .package-img img {
    border-radius: 0 8% 8% 0;
}

.package-content button {
    padding: var(--btn-padding);
    border-radius: var(--btn-border-radius);
    background-color: var(--btn-background-color);
    color: var(--btn-color);
    font-weight: var(--btn-font-weight);
    cursor: pointer;

}

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


    .package-content p {
        line-height: 1.5rem;
    }
}

@media only screen and (min-width: 992px) {
    .package {
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        width: 100%;
        margin: 6rem 0;
        padding: 0;
    }

    .package-content {
        order: 1;
        width: 35%;
        margin-right: 3rem;
    }

    .package-content h2 {
        font-size: 1.5rem;
        font-weight: var(--h2-font-weight);
    }

    .package-content p {
        line-height: 120%;
        font-size: 0.9rem;
    }

    .package-img {
        width: 45%;
    }

    .package:nth-child(2) {
        justify-content: flex-start;

    }

    .package:nth-child(2) .package-content {
        order: 2;
        margin-left: 6rem;
        margin-right: 0;
    }

    .package:nth-child(2) .package-img {
        order: 1;
    }
}

@media only screen and (min-width: 1200px) {
    .package-img {
        width: 45%;
    }

    .package-content {
        width: 35%;
    }

    .package-content h2 {
        font-size: 1.7rem;

    }

    .package-content p {
        font-size: 1rem;
    }

    .package-content button {
        line-height: var(--btn-line-height);
        font-weight: var(--btn-font-weight);
        letter-spacing: var(--btn-letter-spacing);
    }
}