/* mobile */

#logo {
width:300px;
float:none;
margin:0 auto;
}
#logo a + h1 {
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
#logo a:hover + h1 {
opacity:0.9;
}
#logo h1 {
opacity:1;
}
header nav {
float: left;
margin: 0 0 5px;
width: 100%;
}
header nav ul {
width:100%;
float:none;
background:none;
}
header nav ul li {
float: left;
margin: 0.4% 0.4% 0;
position: relative;
width: 49.2%;
}
header nav ul li a {
width:100%;
text-align:left;
text-transform:lowercase;
color:#ccc;
background: #333 url("../img/arrow_nav_mobile.png") 98% center no-repeat;
padding:4px 30px 5px 10px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-o-border-radius:4px;
border-radius:4px;
}
header nav ul li.active a,
header nav ul li.active a:hover {
background: #333 url("../img/arrow_nav_mobile_selected.png") 98% center no-repeat;
}
header nav ul li a:hover {
background: #333 url("../img/arrow_nav_mobile_hover.png") 98% center no-repeat;
}
.hero-unit .pull-left, .hero-unit .pull-right {
float:none;
}
.hero-unit .btn-facebook {
margin-top:15px;
}
.hero-unit {
padding:0;
}
header nav ul li:first-child a {
-moz-border-radius:4px;
-webkit-border-radius:4px;
-o-border-radius:4px;
border-radius:4px;
}
header nav ul li:last-child a {
-moz-border-radius:4px;
-webkit-border-radius:4px;
-o-border-radius:4px;
border-radius:4px;
}