@font-face {
	font-family:'CircularStd-Book';
	src:url(../fonts/CircularStd-Book.otf) format("opentype");
	font-weight:400;
	font-style:normal;
}

@font-face {
	font-family:'CircularStd-Medium';
	src:url(../fonts/CircularStd-Medium.otf) format("opentype");
	font-weight:400;
	font-style:normal;
}

@font-face {
	font-family:'CircularStd-Bold';
	src:url(../fonts/CircularStd-Bold.otf) format("opentype");
	font-weight:400;
	font-style:normal;
}

html {
/* Size */
	width:100%;
	height:auto;
	min-height:100%;
/* Layout */
	margin:0;
	padding:0;
/* Background */
	background-image:url(../images/background.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
/* Adjust font size */
	font-size:100%;
	-webkit-text-size-adjust:100%;
/* Font varient */
	font-variant-ligatures:none;
	-webkit-font-variant-ligatures:none;
/* Smoothing */
	text-rendering:optimizeLegibility;
	-moz-osx-font-smoothing:grayscale;
	font-smoothing:antialiased;
	-webkit-font-smoothing:antialiased;
	text-shadow:rgba(0,0,0,.01) 0 0 1px;
	font-weight:100;
/* Selection */
	-webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
}

body {
/* Font */
	font-family:'CircularStd-Book';
	font-size:14px;
	color:#babec0;
	letter-spacing:0;
}

.logo {
/* Size */
	width:70px;
	height:70px;
/* Layout */
	position:relative;
	margin:0 auto;
	top:20px;
/* Background */
	background-image:url(../images/icon.png);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}

.account-button {
/* Size */
	width:30px;
	height:30px;
/* Layout */
	position:absolute;
	top:20px;
	right:20px;
/* Background */
	background-image:url(../images/sign-in.png);
	background-size: 16px 12px;
	background-repeat:no-repeat;
	background-position:center center;
/* Border */
	border-radius: 50%;
	border: 2px solid #145b84;
/* Cursor */
	cursor: pointer;
}

a {
/* Layout */
	margin:auto;
/* Text Decoration */
	text-decoration:none;
}