#xall {
	font-size:22px;
	line-height:1.4;
	color:#4e4e4e;
	font-weight:400;
	font-family: "Fira Sans", Arial,sans-serif;
	margin-top:30px;
	text-align:left;
	--xpink: #e90077;
	--xviolet: #766cb0;
	--xdarkblue: #3b2774;
	accent-color:var(--xpink);
}
#xall a:hover {
	opacity:1;
}

#xtop {
	position:relative;
	aspect-ratio: 1920 / 1165;
	width:100%;
	max-width:1920px;

	margin:0 auto;
}

#xtop img {
	display:block;
	position:absolute;
	top:0;
	left:0;
	aspect-ratio: 1920 / 1165;
	opacity:0.0;
	width:100%;
	transition:opacity 1s;
}

img{
    max-width: 100%;
	margin: 0 auto;

}
#xbottom{text-align: center; margin-bottom: 50px;}
#xopis1, #xopis2 {
	transform:translateY(-25px);
	margin:0 auto;
	max-width:980px;
    margin-top:40px;
}
#xopis1 h1 {
	color:var(--xpink);
	font-size:2.2em;
}

#xopis1 h2 {
	margin-bottom:30px;
}
#xopis2 {
	font-weight:500;
}
#xopis2 b{
    color:var(--xpink);
}


@media (max-width:800px) {
	#xall {
		font-size:19px;
	}
	#xopis1 {
		transform:translateY(-5px);
	}
	#xopis1 h1 {
		font-size:1.9em;
	}

	
	
}