/*
  Bootstrap v1.1
  Variables and mixins to bootstrap any new web development project.
*/
/* Variables
-------------------------------------------------- */
/* Mixins
-------------------------------------------------- */
.clearfix {
  zoom: 1;
}
.clearfix:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
.center-block {
  display: block;
  margin: 0 auto;
}
.container {
  width: 940px;
  margin: 0 auto;
  zoom: 1;
}
.container:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
.box-sizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
#flexbox .display-box {
  display: -moz-box;
  display: -webkit-box;
  display: box;
}
body {
  padding: 50px 0;
}
/* header styles
-------------------------------------------------------------- */
/* navigation styles
-------------------------------------------------------------- */
/* footer styles
-------------------------------------------------------------- */
/* layout styles
-------------------------------------------------------------- */
.wrapper {
  margin: 0 auto;
  width: 700px;
  background: #ffffff;
  color: #000000;
  padding: 50px;
}
.wrapper ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.wrapper li {
  padding: 0;
  margin: 5px 0 0;
}
.wrapper li:first-child {
  margin: 0;
}
.wrapper a {
  text-decoration: none;
}
.logo {
  text-align: right;
}
.logo img {
  vertical-align: top;
}
ul.footer {
  list-style: none;
  padding: 0;
  margin: 30px auto 0;
  text-align: center;
  width: 700px;
}
ul.footer li {
  padding: 0;
  margin: 0 20px;
  display: inline-block;
}
ul.footer a {
  color: #ddd;
  text-decoration: none;
}
ul.footer a:hover {
  color: #fff;
}
/* 
=================================================================
   Media Queries
================================================================= 
*/
/* 480
-------------------------------------------------------------- */
/* 600
-------------------------------------------------------------- */
/* 768
-------------------------------------------------------------- */
/* 992
-------------------------------------------------------------- */
/* 1382
-------------------------------------------------------------- */
/* retina displays
-------------------------------------------------------------- */
/* 
=================================================================
   Generate Media Queries
================================================================= 
*/