.main{
  padding-top:200px;
}
.lists ul{
  list-style-type: none;
  padding-left:0;
}
.lists li{
  margin-bottom:1px;
  font-size: 13px;
}
.lists li:first-child{
  margin-bottom:5px;
  color:#333;
  font-weight:bold;
}
.lists a{
  color:#333;
}
.main h1 {
  font-size:5em;
  font-weight:300;
  margin-top:0;
}
.main h4{
  color:#ccc;
  font-weight:300;
  margin-bottom:0px;
}
@media (max-width: 1200px){
  .main h1 {
    font-size:4em;
  }
}
@media (max-width: 996px){
  .main h1 {
    font-size:3.6em;
  }
}
@media (max-width: 768px){
  .lists{
    margin-top:20px;
  }
  .lists li{
    padding-bottom:3px;
  }
  .main{
    padding-top:100px;
  }
}

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #fff;
  border-radius: 0;
  border-bottom: 1px solid #eee;
}
.breadcrumb>.active {
  color: #333;
  font-weight:600;
}
.breadcrumb>li+li:before{
  font-weight:normal;
}
.posts h1{
  font-size:2em;
}