@charset "utf-8";
/* CSS Document */
/* RESPONSIVE CSS/* Carousel base class */

-------------------------------------------------- */
@media screen and (max-width:320px) {
footer {
padding: 10px;
background: url(../images/bg.jpg) repeat;
color: #ccc;
border-top: 4px #1e1b1e solid;
box-shadow: inset 0 7px 3px -3px rgba(50,50,50,.75);
bottom: 0;
right: 0;
left: 0;
z-index: 20;
width:100%;
height:400px;
}

}
@media screen and (min-width:221px) and (max-width:639px) {
footer {
padding: 10px;
background: url(../images/bg.jpg) repeat;
color: #ccc;
border-top: 4px #1e1b1e solid;
box-shadow: inset 0 7px 3px -3px rgba(50,50,50,.75);
bottom: 0;
right: 0;
left: 0;
z-index: 20;
width:100%;
height:400px;
}	

	}
@media screen and (min-width:640px) and (max-width:959px) {
	footer {
padding: 10px;
background: url(../images/bg.jpg) repeat;
color: #ccc;
border-top: 4px #1e1b1e solid;
box-shadow: inset 0 7px 3px -3px rgba(50,50,50,.75);
bottom: 0;
right: 0;
left: 0;
z-index: 20;
width:100%;
height:400px;
}
}
@media screen and (min-width:960px) and (max-width:1200px) {
	footer {
padding: 10px;
background: url(../images/bg.jpg) repeat;
color: #ccc;
border-top: 4px #1e1b1e solid;
box-shadow: inset 0 7px 3px -3px rgba(50,50,50,.75);
bottom: 0;
right: 0;
left: 0;
z-index: 20;
width:100%;
height:150px;
}

}
@media screen and (min-width:1201px){
	footer {
padding: 10px;
background: url(../images/bg.jpg) repeat;
color: #ccc;
border-top: 4px #1e1b1e solid;
box-shadow: inset 0 7px 3px -3px rgba(50,50,50,.75);
bottom: 0;
right: 0;
left: 0;
z-index: 20;
width:100%;
height:150px;
}
}
@media print {}

@media (min-width: 768px) {
  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }
}