@font-face {
    font-family: Digital;
    src: url(../fonts/digital-7.ttf);
}

@font-face {
    font-family: SanFrancisco;
	src: url(../fonts/SF-UI-Display-Regular.otf);
}

@font-face {
    font-family: SanFranciscoBold;
	src: url(../fonts/SF-UI-Display-Bold.otf);
}

@font-face {
    font-family: SanFranciscoSemiBold;
	src: url(../fonts/SF-Compact-Text-Semibold.otf);
}

@font-face {
	font-family: SmudgeStick;
	src: url(../fonts/SmudgeStick.ttf);	
}

@font-face {
    font-family: Amusaf;
    src: url("../fonts/amusaf_custom_4.ttf");	
}

@font-face {
    font-family: DINAlternate;
    src: url("../fonts/DINAlternateRegular.otf");	
}

.digital{
	font-family: Digital;	
}

.smudge{
	font-family: SmudgeStick	
}

.snfco{
	font-family: SanFrancisco;	
}

.bold{
	font-family: SanFranciscoBold;
    letter-spacing: 0.4px;
}

.boldish{
    font-family: SanFranciscoSemiBold;
}

.amusaf{
    font-family: Amusaf;
}

.amusaf .bold{
    font-family: Amusaf;
    font-weight: bolder;
}

.amusaf .boldish{
    font-family: Amusaf;
    font-weight: bold;
}

select, select option{
    font-family: Amusaf !important;
}

.din{
	font-family: DINAlternate;
}

body, html {
    height: 100%;
	font-family: SanFrancisco;
	/*font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;*/
	font-weight: lighter;
	font-size: 13px;
	background-color: black !important;
  	margin: 0;
	overflow-x: hidden;
}

.wrapper {
  min-height: 100%;
  display: table;
  width: 100%;
  /* Equal to height of footer */
  /* But also accounting for potential margin-bottom of last child */
}

.footer,
.push {
  height: 165px;
}

.push{
	display: block;	
}

.footer{
	margin-top: -165px;	
}

#container{
	margin-bottom: 20px;	
}

.bg { 
    /* The image used */
	background-color: black;
   /* Full height */
    height: 100%; 

    /* Center and scale the image nicely */
    background-position: center;
	
    background-repeat: no-repeat;
    background-size: 100% auto;
	-webkit-background-size: 100% auto;
}

img{
	vertical-align: inherit !important;	
}

a{
	color: inherit !important;
	text-decoration: none !important;
	cursor: pointer !important;	
}

a.disabled{
	color: #767676 !important;
	cursor: not-allowed !important;	
}