body{
    max-width: 1440px;

    margin-left: auto;
    margin-right: auto;
    background-color: black;

    min-width: 370px;
}

main{
    /* відступ для фіксованої шапки */
    min-height: calc(100vh - 95px);
}





/* фон для SERVICES */


#services-hero{
    background-position-x: center;
    background-image: url('../images/backgrounds/hero-services.jpg');
}

#about-hero{
    background-position-x: center;
    background-image: url('../images/backgrounds/hero-about.jpg');
}

#blog-hero{
    background-position-x: center;
    background-image: url('../images/backgrounds/hero-blog.jpg');
}

#contact-hero{
    background-position-x: center;
    background-image: url('../images/backgrounds/hero-contact.jpg');
}

.all-hero-style{
    padding: 180px 0 120px;
}

.all-hero-style-title{
    font-size: 70px;
    font-family: "abril fatface", sans-serif;
    text-align: center;
    color: #FFFFFF;
}
@media screen and (max-width: 400px) {
    .all-hero-style-title{
        font-size: 13dvw;
    }
    
}