#FonBlock {
margin-top: 0px;
height: 100%;
background-image: url(/images/razbivochnye-raboty-razbivka-tochek_fon.webp);
background-repeat: no-repeat;
background-position: top;
background-size: 420px 145px;
}

/* Устройства X-Small (портретные телефоны, менее 576 пикселей) */
/* Нет медиа-запроса для `xs`, так как это значение по умолчанию в Bootstrap */

/* Устройства Small (телефоны с горизонтальной ориентацией, 576 пикселей и выше) */
@media (min-width: 576px) {

#FonBlock {
margin-top: 0px;
height: 100%;
background-image: url(/images/razbivochnye-raboty-razbivka-tochek_fon.webp);
background-repeat: no-repeat;
background-position: top;
background-size: 768px 266px;
}

}

/* Устройства Medium (планшеты, 768 пикселей и выше) */
@media (min-width: 768px) {

#FonBlock {
margin-top: 0px;
height: 344px;
background-image: url(/images/razbivochnye-raboty-razbivka-tochek_fon.webp);
background-repeat: no-repeat;
background-position: center center;
background-size: 992px 344px;
}

}

/* Устройства Large (настольные компьютеры, 992 пикселей и выше) */
@media (min-width: 992px) {

#FonBlock {
margin-top: 0px;
height: 416px;
background-image: url(/images/razbivochnye-raboty-razbivka-tochek_fon.webp);
background-repeat: no-repeat;
background-position: center center;
background-size: 1200px 416px;
}

}

/* Устройства X-Large (большие настольные компьютеры, 1200 пикселей и выше) */
@media (min-width: 1200px) {

#FonBlock {
margin-top: 0px;
height: 486px;
background-image: url(/images/razbivochnye-raboty-razbivka-tochek_fon.webp);
background-repeat: no-repeat;
background-position: center center;
background-size: 1400px 486px;
}

}

/* Устройства XX-Large (большие настольные компьютеры, 1400 пикселей и выше) */
@media (min-width: 1400px) {

#FonBlock {
margin-top: 0px;
height: 666px;
background-image: url(/images/razbivochnye-raboty-razbivka-tochek_fon.webp);
background-repeat: no-repeat;
background-position: center center;
background-size: 1920px 666px;
}

}