/* MEDIA QUERIES */

/* Responsify Defaults */

@media screen and (max-width: 768px){
  nav .span4{
    width: 100%;
  }

  .span8, article{
    width: 100%;
  }

  .span4, aside{
    width: 100%;
    margin-left: 0;
  }

  #container, .inner{
    width: 90%;
    padding: 0 5% 0 5%;
  }
}



/* Custom Breakpoints */
@media screen and (min-width: 768px) and (max-width: 979px) {
 /* Add your styles for devices with a maximum width of 768 */
#main{
	text-align: center;
	margin-top: 100px;
}
#main .lsec {
	margin-right:50px;
}
#main .center {
	margin:15px;
}
}


@media screen and (min-width: 480px) and (max-width: 767px) {
 /* Add your styles for devices with a maximum width of 600 */
#main{
	text-align: center;
	margin-top: 50px;
}
#main .lsec {
	margin-right:30px;
}
#main .center {
	margin:10px;
}
}

@media screen and (max-width: 479px){
  nav ul li{
    width: 100%;
    margin: 0 0 5px 0;
  }

  nav a{
    margin: 0;
    padding: 14px 0 14px 0;
  }
#main{
	text-align: center;
	margin-top: 20px;
}
#main .lsec {
	margin-right:0;
	margin-bottom:5px;
}
#main .center {
	margin-top:5px;
	margin-bottom:5px;
}
}


// Micro Clearfix 

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    *zoom:1;
}