body {
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-size: 22px;
}

h1,
h2,
span,
a {

	text-align: center !important;
	margin: auto;
}

h1 {
	color: #ac2051;
	font-weight: 400;
	margin-bottom: 10px;
}

h2 {
	color: #a9a6a6;
	margin-top: 10px;
}

a {
	color: #a9a6a6;
}

.bold {
	font-family: "urw-din-condensed", sans-serif;
	font-weight: 700;
	font-style: normal;

}


.rotate_02 {
	display: block;
	/* position: fixed; */
	/* top: 50%;
	left: 50%; */
	width: 750px;
	height: 750px;
	margin: auto;
	margin-top: 20px;
	;
}

.rotate_02 {
	-webkit-animation: spin 100s linear infinite;
	-moz-animation: spin 100s linear infinite;
	animation: spin 100s linear infinite;
}


/*use keyframes*/
@-webkit-keyframes spin {
	100% {
		-webkit-transform: rotate(360deg);
	}
}

@-moz-keyframes spin {
	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin {
	100% {
		-webkit-transform: rotate(360deg);
	}
}


div {
	display: inline-block;
	position: relative;
	z-index: 1;
}



div+img {
	position: absolute;
	z-index: 1;
	top: 0px;
}


.rotate_03 {
	display: block;
	/* position: fixed; */
	/* top: 50%;
	left: 50%; */
	width: 750px;
	height: 750px;
	margin: auto;
	margin-top: 20px;
	;
}

.rotate_03 {
	-webkit-animation: spine 100s linear infinite;
	-moz-animation: spine 100s linear infinite;
	animation: spine 100s linear infinite;
}

.rozeta {
	/* display: inline-block;
	position: relative;
	z-index: 1; */
	/* margin-left: auto;
	margin-right: auto; */
	margin: 0 auto;
}

.srodek {
	display: flex;
	justify-content: center;
}


/*use keyframes*/
@-webkit-keyframes spine {
	100% {
		-webkit-transform: rotate(-360deg);
	}
}

@-moz-keyframes spine {
	100% {
		-webkit-transform: rotate(-360deg);
	}
}

@keyframes spine {
	100% {
		-webkit-transform: rotate(-360deg);
	}
}

.center {
	text-align: center !important;
}

.sociale {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.sociale a {
	margin-right: 10px;
}