h1{
    margin-bottom:0px;
}

.main-content {
    padding-top: 0px !important;
}

.hero-products {
    height: 500px;
}

.products-background {
    background: var(--url) center no-repeat;
}

.hero-text{
    padding-top: 100px;
}

.hero-text-white{
    color: white;
}

.btn-color{
    border-radius: 25px;
    color: #fff;
    background-color: #1073e3;
    font-weight: 700;
}

@media screen and (max-width: 767px){
    body>main {
        padding-left: 0px !important; 
        padding-right: 0px !important;
    }

    .site-header {
        padding-top: 0px !important
    }

    .products-background { 
        background: var(--url) center left var(--value)no-repeat;
    }   
}