html {
    scroll-behavior: smooth;
    scroll-padding-top: 80px;
}

.content , .content .content-box.brown{
    color: rgba(82, 51, 24, 1);
    font-family: "HecanLinearXL", serif;
    text-align: right;
    font-size: 13px;
    font-weight: 400;
}
.content-box{
    padding: 0 30px 20px;
}
.content{
    font-family: "HecanLinearXL", serif;
    font-weight: bold;
    color: #F5E1BF;
    padding: 20px 10px;
}
.p>a{
    color: rgba(82, 51, 24, 1);
    font-family: "HecanLinearXL", serif;
}
.support_body{
    min-height: 80vh;
    background-image: url("../../kimages/middle_bk.svg"),url("../../kimages/bottom_bk.svg");
    background-color: transparent;
    background-size:  100% 800px;
    background-position: center center, center bottom;
    background-repeat: no-repeat,no-repeat;
}
.supplier-disclaimer{
    width: 70%;
}
.announce {
    background-color: white;
    border-radius: 25px;
    direction: ltr;
    color: white;
    text-align: center;
    margin-bottom: 20px;
    padding: 10px;
}
.announce .text {
    width: 70%;
    display: inline-block;
    text-align: right;
    color: #C43527;
}
.announce .text a {
    text-decoration: none;
    color: white;
}

.announce-success {
    background-color: rgb(0, 135, 0);
    border-radius: 25px;
    color: white;
    text-align: center;
    margin: 20px auto;
    width: 580px;
}
.announce-success .text {
    width: 70%;
    display: inline-block;
    text-align: right;
}
.announce h2 {
    margin-bottom: 4px;
}
.announce p {
    margin-top: 0;
    font-size: 13px;
}
.announce i {
    font-size: 4em;;
    position: relative;
    top: 0;
    left:15px;
    color: #C43527;
}
@media (min-width: 992px) {
    .support_body{
        background-size: 100% 800px;
    }
    .content , .content .content-box.brown{
        font-size: 20px;
    }
    .content{
        padding: 20px 30px; 
    }
    .supplier-disclaimer{
        width: auto;
    }
    .announce{
        padding: 20px 5px;
    }
    .announce p {
        font-size: 20px;
    }
    .announce i {
        font-size: 5em;
        top: 0;
        left:25px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1400px)  {
    .support_body{
        background-size:85% 700px;
    }}
@media (min-width: 1400px) {
    .support_body{
        background-size: 85% 900px;
    }}