@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 300;
	src: url('/fonts/poppins-v20-latin-ext_latin-300.eot'); /* IE9 Compat Modes */
	src: local(''),
		url('/fonts/poppins-v20-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('/fonts/poppins-v20-latin-ext_latin-300.woff2') format('woff2'), /* Super Modern Browsers */
		url('/fonts/poppins-v20-latin-ext_latin-300.woff') format('woff'), /* Modern Browsers */
		url('/fonts/poppins-v20-latin-ext_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
		url('/fonts/poppins-v20-latin-ext_latin-300.svg#Poppins') format('svg'); /* Legacy iOS */
}

/* poppins-regular - latin-ext_latin */
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	src: url('/fonts/poppins-v20-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
	src: local(''),
		url('/fonts/poppins-v20-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('/fonts/poppins-v20-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		url('/fonts/poppins-v20-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
		url('/fonts/poppins-v20-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		url('/fonts/poppins-v20-latin-ext_latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */
}


html, body {
	height: 100%;
	margin:0;
	padding:0;
	font-family: 'Poppins';
}

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

h1 {
	text-align:	center;
	font-size:	1.5rem;
	margin: 100px auto;
}

p {
	text-align: center;
	position: fixed;
	bottom: 2%;
	margin: 0 auto;
	width: 100%;
}

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

body {
	background: #F5F3EC;
}

.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: 50%;
}

/* 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);
}