.first-block-error {
    border-bottom: 1px solid var(--border-neutral-secondary);
    margin-bottom: 4rem;
}

/* tekstowa wersja kodu błedu [START] */
.first-block-error .display-error span {
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    margin: 24px 0;
}

.first-block-error .display-error {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-headline);
    font-weight: bold;
    font-size: clamp(108px, calc(101px + 1.172vw), 120px);
    line-height: 110%;
    letter-spacing: -0.03em;
    margin-block-start: 0;
    margin-block-end: 0;
    padding-bottom: 12px;
}

.first-block-error .text-brand-y {
    color: var(--brand-yellow-50);
}

.first-block-error .text-brand-b {
    color: var(--brand-blue-70);
}
/* tekstowa wersja kodu błedu [STOP] */

.first-block-error-container {
    display: block;
	padding: 2rem 0;
	position: relative;
	min-height: 450px;
	padding-right: calc(var(--width-base-lg)*0.6);
}

.first-block-error-container img,
.first-block-error-container div /* tekstowa wersja kodu błedu */ {
    margin: 0 0 0 2rem;
	width: calc(50% - var(--width-base-sm)/2 + var(--width-base-sm)*0.34);;
	border-radius: var(--radius-base-4);
	position: absolute;
    right: 0;
    top: 2rem;
	left: unset;
	bottom: unset;
    height: calc(100% - 4rem);
    object-fit: cover;
}

.first-block-error-container .nav {
    flex-direction: column;
    align-items: flex-start;
}


@media all and (min-width: 0px) {
    .first-block-error {
        margin-bottom: 1rem;
    }

    .first-block-error-container {
        padding: 1rem 0;
        padding-bottom: calc((100vw - 100vw * .05) * .66 + 3rem);
		min-height: unset;
    }

    .first-block-error-container img,
    .first-block-error-container div /* tekstowa wersja kodu błedu */ {
        display: block;
        position: absolute;
		margin: 0;
        top: unset;
        bottom: 1rem;
        left: 0;
		right: 0;
		width: 100%;
        height: calc((100vw - 100vw * .05) * .66);
    }

}

@media all and (min-width: 576px) {
    .first-block-error {
        margin-bottom: 1rem;
    }

    .first-block-error-container {
        padding-bottom: 1rem;
    }

    .first-block-error-container img,
    .first-block-error-container div /* tekstowa wersja kodu błedu */ {
        float: right;
        position: static;
		margin: 5px 0 0 2rem;
		width: calc(100% * 0.34);
        height: auto;
    }

}

@media all and (min-width: 1024px) {

    .first-block-error {
		margin-bottom: 2rem;
	}

    .first-block-error-container {
        min-height: 400px;
        min-height: 30vw;
		padding: 2rem 0;
		padding-right: calc(50% - var(--width-base-sm)/2 + var(--width-base-sm)*0.34);
    }

    .first-block-error-container img,
    .first-block-error-container div /* tekstowa wersja kodu błedu */ {
        float: none;
		margin: 0 0 0 2rem;
		position: absolute;
		right: 0;
		top: 2rem;
        left: unset;
		height: calc(100% - 4rem);
        width: calc(50% - var(--width-base-sm)/2 + var(--width-base-sm)*0.34);
    }

}

@media all and (min-width: 1440px) {
    .first-block-error {
        margin-bottom: 4rem;
    }

    .first-block-error-container {
        min-height: 450px;
		padding-right: calc(var(--width-base-lg)*0.6);
    }

}

@media all and (min-width: 1600px) {

	.first-block-error-container {
		min-height: 500px;
		padding-right: calc(var(--width-base-xl)*0.6);
	}
	
}