/*
* Custom Styles
*/

    .splash {
        background-color: rgb(255,255,255);
        background-color: rgba(255,255,255,.7);
    }

    .splash-center {
        text-align: center;
        padding: 10px 10px 0 10px;
        background: transparent;
		margin: 10% auto 0;
		width: 400px;
		font-size: 15px;
        font-family: IntroBold, sans-serif;
        color: #000;
    }

    .fb-center {text-align: center;}
    
    .splash-left,
    .splash-right {
		width: 50%;
    }
    
    .splash-left {
		float: left;
    }
    
    .splash-right {
		float: right;
    }
    
    .splash-center img {
		width: 183px !important;   
	}
	
	.splash-center .fb_iframe_widget {
		-moz-transform: scale(1.1, 1.1); /* Moz-browsers */
		zoom: 1.1; /* Other non-webkit browsers */
		zoom: 110%; /* Webkit browsers */

	}
    
    .splash-title {
	    font-size: 12px;
    }
    
    .close-splash {
        font-family: IntroRegular, sans-serif;
	    text-align: center;
	    font-size: 12px;
	    line-height: 1.2em;
	    margin: 25px 0 0 0;
	    color: #000 !important;
    }
    
    .close-splash a {
	    color: #000 !important;
    }

@media screen and (max-width: 1075px) {

	.splash-center   {
		-moz-transform: scale(1.1, 1.1); /* Moz-browsers */
		zoom: 1.1; /* Other non-webkit browsers */
		zoom: 110%; /* Webkit browsers */
        width: 400px;
        font-family: IntroRegular, sans-serif;
        color: #000;

}


}


/* iPad orizontal */
@media screen and (max-width: 1024px) {

	.splash-center   {
		-moz-transform: scale(1.15, 1.15); /* Moz-browsers */
		zoom: 1.15; /* Other non-webkit browsers */
		zoom: 115%; /* Webkit browsers */
	}
	
}

/* iPad vertical */
@media screen and (max-width: 825px) {

	.splash-center  {
		-moz-transform: scale(1.3, 1.3); /* Moz-browsers */
		zoom: 1.3; /* Other non-webkit browsers */
		zoom: 130%; /* Webkit browsers */
	}
	


}

/* iPhone vertical */
@media screen and (max-width: 480px) {

	.splash {
        background-color: rgb(0,0,0);
        background-color: rgba(0,0,0,.8);
    }

    .splash {
        background-color: rgb(255,255,255);
        background-color: rgba(255,255,255,.7);
    }
.fb-center {text-align: left;}
    .splash-center {
        text-align: left;
        //padding: 10px 10px 0 10px;
        background: transparent;
		margin: 10% auto 0;
		width: 300px;
		font-size: 15px;
        font-family: IntroBold, sans-serif;
        color: #000;
    }
    
    .splash-center  {
		-moz-transform: scale(1, 1); /* Moz-browsers */
		zoom: 1; /* Other non-webkit browsers */
		zoom: 100%; /* Webkit browsers */
        width: 300px;


	}
	
		
	.splash-center img {
		width: 120px !important;
		height: 120px;
	}
	
    
	


}