body {
    padding-bottom: 7rem;
    font-family: Arial, Helvetica, sans-serif;
    overflow-x: hidden;
}

a{
    color: var(--bs-body-color);
}

header {
    padding: 4rem;
    margin-bottom: 7rem;
}

header a {
    text-decoration: none;
    color: black;
}
header a:hover {
    text-decoration: underline;
}

h1::after {
    content: '';
    display: block;
    margin: 1rem 0;
    width: 4rem;
    height: 2px;
    background-color: black;
}

.wraptxt{
    margin-bottom: 5rem;
}

.gap {
    --bs-gutter-y: 5rem;
    --bs-gutter-x: 5rem;
}

.bg-gray {
    background-color: #F5F5F5;
}

@media only screen and (max-width : 991px) {
    body {
        padding-bottom: 3rem;
    }

    header {
        padding: 2rem;
        margin-bottom: 5rem;
    }

    h1::after {
        content: '';
        display: block;
        margin: 0.5rem 0;
        width: 4rem;
        height: 2px;
        background-color: black;
    }

    .gap{
        --bs-gutter-y: 3rem;
        --bs-gutter-x: 3rem;
    }
}