/* template css
*********************************************/
html {
  overflow-y: scroll;
}
body {
  background-color: #ffffff;
}

/* layout
*********************************************/
/* floats */
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.group:before,
.group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}
.ie7 .group {
  zoom: 1;
}

/* media queries
*********************************************/
/* retina */
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {
  
}
/* landscape phones and down */
@media (max-width: 480px) {
  
}
/* landscape phone to portrait tablet */
@media (max-width: 767px) {
  
}
/* portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
  
}
/* large desktop */
@media (min-width: 1200px) {
  
}