*,*:before, *:after{
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
body{
	background:transparent url(../img/AskALocal_background.jpg) no-repeat 50% 0 fixed;
	background-size:cover;
	color:#000;
	font-family:Roboto Slab, sans-serif;
	font-weight:400;
}
.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}
.landing-box{
	background-color:#FFF;
	background-color:rgba(255,255,255,0.5);
	text-align:center;
	font-weight:700;
	max-width:788px;
	margin:200px auto 0;
}

.lang-box{
	background-color:rgba(255,255,255,1);
	padding:60px 0 60px;
}

.lang-col{
	width:16.6%;
	font-size:18px;
	color:#4F0616;
	float:left;
	display:inline-block;
	text-decoration:none;
}
.lang-col:hover{
	color:#DA1E27;
}
.lang-row{
	padding:0 60px;
}
.logo{
	padding:60px 0 10px;
}


@media (max-width:640px){
	body{
		padding:0 15px;
	}
	.logo {
	padding: 20px 0 20px;
	}
	.landing-box{
		max-width:320px;
		margin: 15px auto 10px;
	}
	.lang-row{
		padding:0;
		border-top:1px solid rgba(0,0,0,0.1);
	}
	.lang-col{
		display:block;
		float:none;
		width:100%;
		padding:10px;
		border-bottom:1px solid rgba(0,0,0,0.1);
	}
	.lang-box{
	padding:0;
	}