/******************************************************************
Site Name: 
Author: 

Stylesheet: 481px and Up Stylesheet

This stylesheet is loaded for larger devices. It's set to 
481px because at 480px it would load on a landscaped iPhone.
This isn't ideal because then you would be loading all those
extra styles on that same mobile connection. 

A word of warning. This size COULD be a larger mobile device,
so you still want to keep it pretty light and simply expand
upon your base.less styles.

******************************************************************/
/*********************
NAVIGATION STYLES
*********************/
#container {
  /* End Header */
}
#container .site-header {
  float: left;
  width: 100%;
}
#container .site-header .logo {
  float: left;
  width: 100%;
  text-align: center;
  margin: 10px 0;
}
#container .site-header.step-up {
  background: url(img/header-bg-step-sml.jpg) no-repeat;
  height: 260px;
  -moz-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}