.box {
  background: #f9f9f9;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  margin-bottom: 20px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}
.box h2 {
  color: #dd5555;
  font-size: 20px;
}
.box p {
  font-size: 15px;
  color: #000;
  background-color:#f9f9f9;
  text-align:left;
  margin-bottom:5px;
}

.locations {
  padding: 15px;
  text-align: center;
}
.locations .avatar {
  border-radius: 50%;
}
.locations .avatar img {
  border-radius: 50%;
}
.locations .details {
  margin-top: 15px;
}
.locations .btn {
  margin-top: 15px;
}
.btn {
  display: inline-block;
  padding: 6px 14px;
  /*background: #f2f2f2;*/
  border-radius: 5px;
  /*color: #404040;*/
  font-size: 16px;
  transition: background .3s ease, color .3s ease;
  text-decoration: none;
  border-color:#FFF;
}
.btn:hover {
  /*background: #e5e5e5;*/
  /*color: #929797;*/
}
/*.btn.btn-primary {*/
  /*background: #dd5555;*/
  /*color: rgba(255, 255, 255, 0.9);*/
/*}*/
/*.btn.btn-primary:hover, .btn.btn-primary.active {*/
  /*background: #d94040;*/
/*}*/
.btn.btn-large {
  padding: 12px 28px;
}
.btn.btn-caps {
  text-transform: uppercase;
}
.btn.btn-block {
  display: block;
  width: 100%;
  text-align: center;
}
.weather .header {
  border-radius: 5px 5px 0 0;
  padding: 20px 0;
  background: #dd5555;
  text-align: center;
  color: #fff;
  font-size: 3.125em;
}
.weather [class*="icon-"] {
  position: relative;
  top: 2px;
}
.weather article {
  text-align: center;
  padding: 5px 0;
}
.margbtm{
	/* margin-bottom:2%; */
	}