/* IMPORTS */
@font-face {
  font-family: 'Dosis';
  src: url('fonts/dosis-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

html, body{
	margin:0;
	padding:0;
	height:100%;
	font-family: 'Dosis', monospace;
	color:#3399CC;
}

p{
	margin:0;
	padding:0;
}

a{
	color:#3399CC;
	text-decoration: none;
	font-weight: normal;
}

#container{
	position:relative;
	display:block;
	height:100%;
	width:100%;
	min-height:22rem;
	min-width: 20rem;
	margin:auto;
	overflow:hidden;
	background:#FFFFFF url('images/bg-small.png')repeat left top;	
}

.top-right{
	position:absolute;
	right:2.75rem;
	top:2.85rem;
	text-align:right;
	font-size:0.875rem;
}


.top-right span {
	display: inline-block;
	background:#FFFFFF;
	padding:0.08rem 0.625rem;
}

.title{
	position: absolute;
	right:2.75rem;
	top:52.5%;
	width: calc(100% - 5.5rem);
	text-align:right;
	text-decoration: none;
	font-weight: normal;

	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}

.title p{
	font-size:2.3rem;
	line-height:1.75rem;
}

.title span {
	display: inline-block;
	padding:0.45rem 0.4rem;
	background-color: #FFF;
}

.title span:last-of-type {
	padding-right:0.54rem;
}

.bottom-right{
	position:absolute;
	bottom:2.75rem;
	right:2.75rem;
	background:#FFFFFF;
	text-align:right;
	padding:0.6rem;
	font-size:0.875rem;
}