html{
	width:100%;
	height:100%;
}
body {
	width:100%;
	height:100%;
    background: #fafafa;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #333;
    padding:0;
    margin:0;
}
*{
	box-sizing: border-box;
}
#base{
	width:100%;
}
#buttons{
	position: absolute;
	width:100%;
	text-align: center;
	top:20px;
	z-index: 10;
}
#info{
	position: absolute;
	width:100%;
	text-align:center;
	bottom:20px;
	font-size: 10px;
}
#info p{
	background: #ccc;
	padding:6px 12px;
	display: inline-block;
	color:#666;
}
button{
	padding:10px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	color:#fff;
	font-size:11x;
	text-transform: uppercase;
	border:none;
	cursor: pointer;
	background: #cc0066;
	margin:5px;
}
.add-border{
	border:1px solid #ccc;
}
.hidden-content{
	display: none;
}
.round-corners {
  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 12px; 

  /* Firefox 1-3.6 */
  -moz-border-radius: 12px; 
  
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 12px; 
}
.tile{
	float:left;
	width:50%;
	height:400px;
}

.cf:after,
.cf:before {
	content: '';
	display: table;
}
.cf:after {
	clear: both;
}
.cf {
	zoom: 1;
}