@media (max-width: 560px) {
    .header-img .header-img-overlay{
        width: 100%;
    }
}

@media (max-width: 885px) {
    header .navbar-search{
        display: none !important;
    }

    .header-img .header-img-overlay{
        width: 70%;
    }
}

@media (max-width: 768px) {
    .how-to-start .text-content .content, .how-to-start .text-content .title{
        text-align: center;
    }
}

@media (max-width: 1200px) {
    header .start-menu,
    header #desktop-menu{
        display: none !important;
    }
    header #mobile-menu{
        display: block !important;
    }

    .navbar-search,
    .header-img .header-img-overlay .description,
    .header-img .header-img-overlay .buttons{
        display: none;
    }
}