html{
    color: #FFF;
    font-size: 1em;
    line-height: 1.4;
}
::-moz-selection{
    background: #b3d4fc;
    text-shadow: none;
}
::selection{
    background: #b3d4fc;
    text-shadow: none;
}
hr{
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
audio,
canvas,
iframe,
img,
svg,
video{
    vertical-align: middle;
}
fieldset{
    border: 0;
    margin: 0;
    padding: 0;
}
textarea{
    resize: vertical;
}
.browserupgrade{
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

input[type=text], input[type=button], input[type=password], input[type=submit], textarea, select{
    -webkit-appearance:none;
}
.kix{
    font-family:'kix';
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

html{
    font-family:'f_r';
    font-size:13px;
    background:#002033;
    color:#FFF;
}

#logo{
		width:calc(100% - 50px);
		margin-top:50px;
		text-align:center;
		line-height:20px;
		margin-left:auto;
		margin-right:auto;
}
#logo a{
		color:#FFF;
		font-family:'f_b';
		font-size:32px;
		text-decoration: none;
}
#logo span{
		font-family:'f_l';
		font-size:18px;
}

@media all and (min-width:481px){
	div.container{
		width:500px;
	}
}
@media all and (max-width:480px){
	div.container{
		width:calc(100% - 20px);
	}
}
div.container{
	padding:10px;
	margin-top:50px;
	color:#002033;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:18px;
	background:#FFF;
	font-family:'f_l';
}

div.container a{
	color:#002033;
	text-decoration:none;
	font-family:'f_sb';
}