@font-face {
    font-family: Decima;
    src: url("../font/decima_mono.otf") format("opentype");
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Body - General Layout Structure	
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
body {
	margin: 0;
	padding: 0;
	font: 14px/18px Decima, sans-serif;
	font-weight: normal; 
	font-style: normal;
	text-align: left;
	background-color: #f6e9c9;
	color: #FFFFFF;
	overflow: hidden;
	}

    html,
    body,
    body a {
        -webkit-tap-highlight-color: transparent;
    }

	img {
		border: 0;
		padding: 0;
		border-style: none;
		}
	
	a { 
        font: 12px/18px Decima, sans-serif; 
        font-weight: normal; 
        font-style: normal;
    }
	a:link { color: #FFFFFF; text-decoration: underline; }
	a:active { color: #FFFFFF; text-decoration: underline; outline: none; }
	a:visited { color: #FFFFFF; text-decoration: underline; }

    .noselect {
        -webkit-touch-callout: none; /* iOS Safari */
          -webkit-user-select: none; /* Safari */
           -khtml-user-select: none; /* Konqueror HTML */
             -moz-user-select: none; /* Old versions of Firefox */
              -ms-user-select: none; /* Internet Explorer/Edge */
                  user-select: none; /* Non-prefixed version, currently
                                        supported by Chrome, Opera and Firefox */
    }

	h1 {
		position: relative;
		width: 100%;
		font: 30px/30px Decima, sans-serif;
		letter-spacing: 1.2px;
    	margin: auto;
		text-transform: uppercase;
		}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
GENERIC STUFF
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#wrapper {
	display: block;
    width: 100%;
    height: 100%;
	}

#logo {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: auto;
    max-width: 500px;
    transform: translate(-50%, -50%);
}