#szepseggarancia-content, #hero-container{
    padding: 50px 0;
}

#hero-section{
    padding: 0 !important;
}

#szepseggarancia-content .heading{
    font-size: 24px !important;
}

#garancia-top{
    margin-bottom: 4rem;
    border-bottom: 1px solid grey;
}

#garancia-top p{
    margin-bottom: 4rem;
}

div#garancia-mid{
    margin: 4rem 0 !important;
}

.garancia-list{
    padding: 0 3rem 0 0;
}

#garancia-bottom li {
    list-style:none;
    padding-left:33px;
    background:url("/infohtml/images/littletick.webp")  no-repeat left 2px;
    margin-bottom:8px;
}

#reasons .content-left{
    padding-right: 2rem;
}
@media only screen and (min-width: 1410px) {
    #reasons .content-right{
        padding-left: 108px;
    }
}

@media only screen and (max-width: 992px) {
    #reasons {
        flex-direction: column;
    }
}

@media only screen and (max-width: 600px) {
    div.hero-container{
        padding: 0;
    }

    .garancia-list{
        width: 100%;
        margin-bottom: 2rem;
    }

    #garancia-bottom{
        flex-direction: column;
    }

    #reasons{
        flex-direction: column;
    }

}