#banner {
    background-image: url("fon.jpg");
}

.logo {
    top: 10%;
    width: clamp(0px, 80%, 190px);
    height: 62px;
}

.logo * {
    width: 100%;
    height: 100%;
}

.log {
    background-image: url("2.png");
}

.text {
    background-image: url("1.png");
}

.texts {
    top: 64%;
    width: clamp(0px, 90%, 232px);
    height: 106px;
}

.texts * {
    width: 100%;
    height: 100%;
}

.text1 {
    background-image: url("3.png");
}

.text2 {
    background-image: url("4.png");
}

.text3 {
    background-image: url("5.png");
}

.info {
    bottom: 8%;
    left: 4%;
    width: clamp(0px, 45%, 119px);
    height: 21px;
    background-image: url("6.png");
}

.kb {
    bottom: 5%;
    left: 4%;
    width: clamp(0px, 57%, 129px);
    height: 8px;
    background-image: url("7.png");
}

.qr {
    bottom: 3%;
    right: 6%;
    width: clamp(0px, 25%, 66px);
    height: 66px;
    background-image: url("8.png");
}