/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

.content{
  margin-top: 160px;
}

h2{
  font-size: 30px;
  text-align: center;
}

h2 span{
  font-size: 16px;
}

p.body{
  width: 1000px;
  margin: 0 auto;
  font-size: 14px;
  margin-top: 40px;
}




@media screen and (max-width: 768px){


h2{
  font-size: 20px;
  text-align: center;
}

h2 span{
  font-size: 14px;
}

.content{
  margin-top: 100px;
}

p.body{
  width: 83.3%;
  margin: 0 auto;
  font-size: 12px;
  margin-top: 40px;
}





}