.navcirclehome{
    color: var(--light-blue);
}

.navtitle-home{
    color: var(--light-blue);
}

.navcircle2{
    color: var(--light-beige);
}

.navtitle-02{
    color: var(--light-beige);
}

h2{
    font-size: var(--size-4);
    color: var(--light-orange);
    line-height: calc(var(--size-4)*1.2);
    text-wrap: balance;
    background-color: var(--black);
    padding-top: 16px;
    padding-bottom: 36px;
    border-radius: 0px 0px 0px 50px;
}

hgroup{
    text-wrap: balance;
    border-top: var(--light-beige);
    border-right: solid var(--black);
    border-bottom: solid var(--black);;
    border-radius: 0px 0px 50px 0px;
    padding-bottom: 16px;
}

h3{
    color: var(--dark-orange);
    line-height: calc(var(--size-2)*1.4);
    padding-left: 55px;
    padding-top: 24px;
}

h4{
    color: var(--dark-orange);
    padding-left: 40px;
}

.top-button {
    background-color: var(--light-orange);
}

blockquote{
    color: var(--black);
    background-color: var(--light-orange);
    text-wrap: balance;
    padding: 30px;
    margin-top: 24px;
    margin-bottom: 24px;
    width: 98%;
    border-radius: 0px 100px 100px 0px;
}

@media (min-width: 745px){

h1{
    font-size: var(--size-1);
    }

h2{
    font-size: var(--size-7);
    line-height: calc(var(--size-7)* 1.3);
    padding: 20px;
    }

h3{
    font-size: var(--size-4);
    padding-top: 48px;
}

h4{
    font-size: var(--size-3);
    padding-top: 24px;
    padding-bottom: 18px;
}

p{
    font-size: var(--size-2);
    line-height: calc(var(--size-2)*1.5);
    padding: 20px;
    }

    blockquote{
        font-size: var(--size-5);
        line-height: calc(var(--size-5)*1.2);
    }
}