html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px;
  background-color: #f5f5f5;
}


.container {
  width: auto;
  max-width: 680px;
  padding: 0 15px;
}
.container .text-muted {
  margin: 20px 0;
}


.carousel {
    background: none repeat scroll 0 0 #eee;
    height: 300px;
    margin-bottom: 20px;
}

.carousel .item {
    background: url("../images/layout/blank.png") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
    height: 300px;
}

/*

xs < 768px
sm < 992px
md < 1200px
lg > ...  

*/


@media (max-width: 768px) {
}

@media (min-width: 769px) and (max-width:992px) {
}
 
@media (min-width: 993px) {
}