@import  'colores';    
    body {
        background: black;
    }
    
    .preloader {
		position: fixed;
		width: 100%;
		height: 100%;
		background-color: $blanco;
		z-index: 10000;
		left: 0px;
		top: 0px;
		text-align: center;
	.container {
		text-align: center;
		height:100%;
		.section{
			height:100%;
			width: 100%;
			
			.lds-grid {
				display: inline-block;
				position: relative;
				width: 64px;
				height: 64px;
				margin-top: 25%;
			}
			.lds-grid div {
				position: absolute;
				width: 13px;
				height: 13px;
				border-radius: 50%;
				background: $primario;
				animation: lds-grid 1.2s linear infinite;
			}
			.lds-grid div:nth-child(1) {
				top: 6px;
				left: 6px;
				animation-delay: 0s;
			}
			.lds-grid div:nth-child(2) {
				top: 6px;
				left: 26px;
				animation-delay: -0.4s;
			}
			.lds-grid div:nth-child(3) {
				top: 6px;
				left: 45px;
				animation-delay: -0.8s;
			}
			.lds-grid div:nth-child(4) {
				top: 26px;
				left: 6px;
				animation-delay: -0.4s;
			}
			.lds-grid div:nth-child(5) {
				top: 26px;
				left: 26px;
				animation-delay: -0.8s;
			}
			.lds-grid div:nth-child(6) {
				top: 26px;
				left: 45px;
				animation-delay: -1.2s;
			}
			.lds-grid div:nth-child(7) {
				top: 45px;
				left: 6px;
				animation-delay: -0.8s;
			}
			.lds-grid div:nth-child(8) {
				top: 45px;
				left: 26px;
				animation-delay: -1.2s;
			}
			.lds-grid div:nth-child(9) {
				top: 45px;
				left: 45px;
				animation-delay: -1.6s;
			}
			@keyframes lds-grid {
				0%, 100% {
					opacity: 1;
				}
				50% {
					opacity: 0.5;
				}
			}

			
		}
		@media only screen and (max-width: 600px) {
		  section {
			min-width: 350px;
		  }
		}
	}
}


