/* Custom Splash
--------------------------------------------------------------------------------------- */

.splash-overlay { width: 100%; height: 100%; position: fixed; z-index: 99999; top: 0; left: 0;}
.splash-overlay-dark { background-color: rgba(0,0,0,.4); width: 100%; height: 100%; position: relative;}
.splash-content { max-width: 1200px; width: 80%;}
.splash-content a.button {
    max-width: none; /* Removes max-width constraint */
    padding-left: 30px; /* Adds 20px padding left and right */
    padding-right: 30px; /* Adds 20px padding left and right */
    background: #fff;
    color: #000 !important;
    display: inline-block; /* Ensures it behaves like a block for centering */
    margin: 0 auto; /* Centers the button horizontally */
    text-align: center;
	float: none !important;
	font-size:2.4em;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;
}

.splash-content a.button:hover {
    background: #666;
    color: #000 !important;
    border-color: #666;
}
.splash-content p { font-size: 2.4em;}
.splash-content p a { color: #fff !important;}

.splash-logo { margin-left: auto; margin-right: auto;}



@media only screen
and (max-width : 501px) and (orientation:portrait)  {
    
	.splash-content a.button { font-size:1.4em; }
	.splash-content p { font-size: 1.6em;}

}