html, body {
	height: 100%;
	margin:0;
	padding:0;
}

div {
	position:fixed;
	height: 100%;
	width:100%;
}

div img {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
}

body {
	background: #1b1b1b;
}

.rotate {
	filter: url(#drop-shadow);
	-webkit-filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.5));
	filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.5));
	-webkit-animation: spin 30s linear infinite;
	-moz-animation: spin 30s linear infinite;
	animation: spin 30s linear infinite;
	width: 20%;
}

/* Phone portrait PP */
@media screen and (min-width: 320px) and (max-width: 480px) and (orientation: portrait) {
	.rotate {
		width: 80%;
	}
}

/* Tablets portrait TP */
@media screen and (min-width: 720px) and (max-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
	.rotate {
		width: 80%;
	}
}

/* Tablets landscape TL */
@media screen and (min-width: 960px) and (max-width: 1336px) and (max-height: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
	.rotate {
		width: 30%;
	}
}

/* Desktop landscape resized DL */
@media screen and (min-width: 800px) and (max-height: 600px) and (orientation: landscape) {
	.rotate {
		width: 20%;
	}
}

/* Desktop 4K D4K */
@media screen and (min-width: 3400px) and (orientation: landscape) {
	.rotate {
		width: 20%;
	}
}

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