/* Color schemes */
.demo-4 {
	--color-text: #fff;
	--color-bg: #000 url(../img/set4/0.jpg) no-repeat;
	background-size: 80%;
	--color-link: #828282;
	--color-link-hover: #fff;
	--color-info: #fff;
	--color-scroll-text: #fff;
	--font-scroll-text: 'Archivo Black', monospace;
	--fontsize-scroll-text: 8vw;
}

.content__img {
	filter: brightness(1.5);
}

.content__text {
	text-transform: uppercase;
    font-size: 22px;
   
    transform: rotate(-90deg);
    /* left: 20px; */
    transform-origin: left top;
    bottom: 0px;
    padding: 0;
    margin: 0 !important;
}

.content__link {
	display: inline-block;
}

.content__link::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: -5vw;
	border: 10px solid #0c0c0c;
}

@media screen and (max-width: 40em) {
	.demo-4 {
		background-position: 50% 12rem;
	}
}