div#preloader {
	  position: fixed;
	  left: 0;
	  top: 0;
	  z-index: 999;
	  width: 100%;
	  height: 100%;
	  overflow: visible;
	  background: #333 url('http://files.mimoymima.com/images/loading.gif') no-repeat center center;
	}

    @font-face {
    	font-family: myFont;
    	src: url(EmiratesSM.ttf);
	}
	/* default (before animation) */
	.background-intro {
		z-index: -1;
		 background:rgba(255,255,255,1);
		 width: 100%;
		 height: 100%;
		 -webkit-transition: background 3.5s ease-out;
         -moz-transition: background 3.5s ease-out;
         -o-transition: background 3.5s ease-out;
         transition: background 3.5s ease-out;
         position: absolute;
	}
    .intro-text {
z-index: -1;
    	-moz-user-select: none;
    	color: #000;
	    /*font-family: 'Playball', cursive;*/
	    font-family: myFont;
/*	    height: 240px;*/
	    height: 340px;
	    margin-top: -120px;
	    overflow: hidden;
	    pointer-events: none;
	    position: absolute;
	    text-align: center;
	    top: 50%;
	    transform: scale3d(0.9, 0.9, 1);
	    transition: transform 4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	    width: 100%;
    }
    .intro-text h1 {
    	font-size: 80px;
    	font-weight: 400;
    }
    .intro-text h2 {
	    color: #000;
	    font-size: 25px;
	    margin-top: -65px;
	    opacity: 0;
	    text-shadow: 0 0px 30px #000;
	    transition: all 2.5s ease-in-out 1s;
	}
	.intro-text h1 .ch {
   		color: #000;
   		opacity: 0;
    	text-shadow: 0 0px 20px #000;
    	transition: all 2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	}
	/* after animation */
	.intro-text.playing {
    	transform: scale3d(1, 1, 1);
	}
	.intro-text h1 .ch.playing {
   		opacity: 1;
    	text-shadow: 0 0px 0 #000;
	}

	.intro-text h2.fading {
    	opacity: 1;
    	text-shadow: 0 0px 0 #000;
	}
	.intro-text h2.moving {
    	margin-top: 0;
	}
	.fade-background {
		background:rgba(0,0,0,0);
	}

	.gmap3 {
	
    height: 110%;
    left: 0;
    margin: 0;
    opacity: 0.3;
    position: fixed !important;
    top: 0;
    width: 100%;
    z-index: 0;
}

.large-header {
	position: absolute;
	width: 100%;
	overflow: hidden;
	background-size: cover;
	background-position: center center;
	z-index: 1;
}

@media (max-width:320px) { 
/* smartphones, iPhone, portrait 480x320 phones */
	.intro-text h1 {
		font-size: 30px;
	}
	.intro-text h2 {
		margin-top: -25px;
	 	font-size: 20px;
	 }
	.intro-text h2.moving {
    	margin-top: -10px;
	}
	.large-header {
		width: 0;
		display: none;
	}
}
@media (max-width:481px) { 
/* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ 
	.intro-text h1 {
		font-size: 30px;
	}
	.intro-text h2 {
		margin-top: -25px;
	 	font-size: 20px;
	 }
	.intro-text h2.moving {
    	margin-top: -10px;
	}
	.large-header {
		width: 0;
		display: none;
	}

}
@media (max-width:641px) { 
/* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
	.intro-text h1 {
		font-size: 35px;
		
	}
	.intro-text h2 {
		margin-top: -25px;
	 	font-size: 20px;
	 }
	 .intro-text h2.moving {
    	margin-top: -10px;
	}
	.large-header {
		width: 0;
		display: none;
	}
 }
@media (max-width:961px) { 

/* tablet, landscape iPad, lo-res laptops ands desktops */
	.intro-text h1 {
		font-size: 35px;
		
	}
	.intro-text h2 {
		margin-top: -25px;
	 	font-size: 20px;
	 }
	 .intro-text h2.moving {
    	margin-top: -10px;
	}
	.large-header {
		width: 0;
		display: none;
	}
 }
@media (max-width:1025px) { 
/* big landscape tablets, laptops, and desktops */

 }
@media (max-width:1281px) {
/* hi-res laptops and desktops */

}