#loader{
	height: 100%;
	width:100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1000;
}

.spinner{
	width:  150px;
	height: 150px;
	background-image: url("../assets/svg/spinner.svg");
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	position: absolute;
	margin: auto;
	animation: spin 1s infinite linear;

}

@keyframes spin {
	from{
		transform: rotate(0deg);
	}to{
		transform: rotate(360deg);
	}
}

@media screen and (max-width: 40em){

	.spinner{
		width: 200px;
		height: 200px;
	}

}