.loader
{
	position: fixed;
	z-index: 99999999;
	top: 0%;
	left: 0%;
	background: white;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.hide
{
	animation: fadeOut 2s forwards;
}

@keyframes fadeOut{
	100%{
		opacity: 0;
		transform: scale(3);
		visibility: hidden;
	}
}
@media (min-width: 768px) {
  .loader > img {
  	width: 450px;
  }
}
@media (max-width: 767px) {
  .loader > img {
  	width: 330px;
  }
}
@media (max-width: 575px) {
  .loader > img {
  	width: 290px;
  }
}
@media (max-width: 450px) {
  .loader > img {
  	width: 250px;
  }
}
@media (max-width: 380px) {
  .loader > img {
  	width: 200px;
  }
}
@media (max-width: 240px) {
  .loader > img {
  	width: 140px;
  }
}