/* CSS Document */
.list-group{
    max-height: 250px;
    margin-bottom: 10px;
    overflow:scroll;
    -webkit-overflow-scrolling: touch;
}
#expresso_panel div ul li:nth-child(even) {
    background-color: #cdcdcd;
}
#othfav_panel div ul li:nth-child(even) {
    background-color: #cdcdcd;
}
#coffee_panel div ul li:nth-child(even) {
    background-color: #cdcdcd;
}
#icoffee_panel div ul li:nth-child(even) {
    background-color: #cdcdcd;
}
.about, .menu hr {
    margin: 30px -20px 20px;
    border: 0;
    border-top: 2px solid #c9c7c7;
}
#expresso_panel, #othfav_panel, #coffee_panel, #icoffee_panel {
	border: #f8981c solid 2px;
	padding: 5px;
}

#expresso_panel, #othfav_panel h4 {
	text-align: center;
}
#othfav_panel h4 {
	padding-bottom: 30px;
	text-align: center;
}
.section {
	margin-bottom: 20px;
}
#about-images img{
	margin-bottom: 25px;
	border: 3px solid white;
}
#top-header{
	margin-top: -70px;
	padding-left: 450px;
	padding-right: 450px;
}

@media (max-width: 992px) {
  header.masthead {
	background: url("../assets/img/coffeeBeansBGsm.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-size: cover;
    }
	.first {
        order: 1;
    }
    .second {
        order: 2;
    }
    .third {
        order: 3;
	}

}
.fb-container {
	padding-left: 90px;
}
@media (max-width: 500px) {
  .fb-container {
	padding-left: 0px;
	margin-left: 20px;
  }
}
@media (min-width: 768px) {
  .fb-container {
	padding-left: 0px;
	margin-left: 0px;
  }
}
@media (min-width: 992px) {
  .fb-container {
	padding-left: 60px;
	margin-left: 0px;
  }
}
@media (min-width: 1200px) {
  .fb-container {
	padding-left: 105px;
	margin-left: 0px;
  }
}
#pictures {
	border-top: 10px solid #f8981c;
}