@font-face {
    font-family:"splash_title";
    src: url("../../fonts/splash_title.ttf") /* TTF file for CSS3 browsers */
}

@font-face {
	font-family: "open_sans";
	src: url("../../fonts/OpenSans-Regular.ttf");
}

@media (max-width: 1139px) {

    /* Splash Screen */
    #splashscreen {
    	height: 1000px;
    	width: 100%;
        
    	background-repeat: no-repeat;
        background-size: cover;

        float: left;
        position: relative;
        z-index: -1

        margin: 0;

        -webkit-backface-visibility: hidden;
    }


    #splashscreen_inner {
    	height: 250px;
    	width: 800px;

        margin-top: 300px;
        margin-left: 15%;
        
    	float: left;
    }

    #splashscreen_inner_title {
        font-family: splash_title, sans-serif;
        font-size: 80px;
        font-weight: bold;

        text-shadow: 3px 3px 3px dimgray;
        
        color: whitesmoke;
        
        margin-top: 0px;
        margin-bottom: 10px;
    }

    #splashscreen_inner_text {
        width: 650px;
        
        font-family: sans-serif;
        font-size: 25px;
        font-weight: lighter;

        text-shadow: 3px 3px 3px dimgray;
        
        color: whitesmoke;
        
        margin-top: 5px;
    }

    #splashscreen_inner_button {
        height: 50px;
        width: 160px;
        
        background-color: Transparent;
        outline: none;
        
        font-family: sans-serif;
        font-size: 18px;
        font-weight: bold;

        text-shadow: 2px 2px 3px dimgray;
        
        color: whitesmoke;
        
        border-style: solid;
        border-width: medium;
        border-color: whitesmoke;
        
        cursor: pointer;
        
        margin-top: 10px;
    }

    #splashscreen_inner_button:hover {
        background-color: #5B8CC3;
    }
}