* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    outline: none;
    text-decoration: none;
    list-style-type: none;
    font-family: "Alegreya Sans", sans-serif;
}

html {
    font-size: 62.5%;
    scroll-behavior: smooth;
    background-color: #fffff7;
    /*change*/
    scroll-behavior: smooth;
}

.section-heading {
    font-family: "Alegreya Sans", sans-serif;
    font-size: 5rem;
    font-weight: 400;
    text-transform: none;
    color: #b48811;
    text-align: center;
    text-shadow: 0.2rem 0.1rem 0.3rem #635d5d;
    margin-top: 2rem;
    padding-top:8rem;
    padding-bottom: 4rem;
    margin-bottom: 2rem;

}

.container {
    width: 100%;
}

.h1 {
    text-align: center;
}

a {
    outline: none !important;
}

.scroll-up-btn {
    width: 5rem;
    height: 5rem;
    background-color: #b48811;
    opacity: 0.8;
    position: fixed;
    bottom: 5rem;
    right: 4.5rem;
    border-radius: 50%;
    font-size: 1.6rem;
    color: #fffff7;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.5s;
}

.scroll-up-btn:hover {
    background-color: #39467d;
}

@media (max-width: 1024px) {
    .healings-wrapper-1 {
        flex-wrap: wrap;
    }

    #healings {
        padding-top: 3rem;
        padding-bottom: 5rem;
        padding-left: 5rem;
        padding-right: 5rem;
    }

    .healing {
        margin-bottom: 2rem;
    }

    .healings-wrapper-2 {
        height: auto;
        flex-wrap: wrap;
    }

    .healings-wrapper-3{
        height: auto;
        flex-wrap: wrap;

    }
}

@media (max-width: 1366px) {
    html {
        font-size: 40%;
    }
}

@media (max-width: 1536px) {
    html {
        font-size: 50%;
    }
}

@media (max-width: 912px){
    .html{
        font-size: 45%;
    }
}

@media (max-width: 820px) {
    .html{
        font-size: 40%;
    }
    .section-heading{
        font-size: 3.6rem;
    }
    

}


@media (max-width: 800px) {
    .section-heading{
        font-size:4rem;
    }
    
   
}

@media (max-width: 600px){
    .section-heading{
        font-size:4rem;
    }
}

@media (max-width: 400px){
    .section-heading{
        font-size:3.5rem;
    }
}