@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');


#title {
	font-family: "Rubik", sans-serif;
	text-rendering: optimizeSpeed;
	user-select: none;
	line-height: 1em;
	text-transform: uppercase;
	font-weight: 100;
	text-align: center;
	width: 40vw;
	font-size:250px !important;
	margin:0;
}
#title span {
	transform: translateY(-10px);
	user-select: none;
}
h1.flex {
	display: flex;
	justify-content: space-between;
}
h1.stroke span {
	position: relative;
	color: #211D26;
	line-height: inherit;
}
h1.stroke span:after {
	content: attr(data-char);
	-webkit-text-stroke-width: 3px;
	-webkit-text-stroke-color: #FE6730;
	position: absolute;
	left: 0;
	line-height: inherit;
	color: transparent;
	z-index: -1;
}

/*.dg.a{*/
/*	display: none;*/
/*}*/

@media (max-width: 1200px) {
    #title {
    	font-size:150px !important;
    }
}


@media (max-width: 860px) {
    #title {
    	font-size:100px !important;
    }
}

@media (max-width: 767px) {
    #title {
		width: 100%;
    	font-size:65px !important;
		line-height:130px !important;
    }
	#title span {
		transform: translateY(-30px);
	}

}