#about-page .section {
  padding: 3.5em 0;
}
.about-share h4, .about-share .profile-social {
  margin: 1em 0;
}
.about-share .profile-social a {
  width: 65px;
  height: 65px;
  line-height: 65px;
  font-size: 150%;
}
.about-features img {
  width: 60%;
  margin-bottom: 1em;
}
.about-features h4 {
  font-size: 180%;
  color: #15A2DC;
}
.about-story img {
  margin-bottom: 1em;
}
@media only screen and (max-width: 40em) {
  .top-bar-title img {
    max-height: 75px;
  }
  #responsive-menu .top-bar-right {
  	margin-top: -90px;
    padding-top: 100px;
  }
  .menu-icon {
    top: 35px;
  }
  .wrap-content {
    margin-top: -92px;
  }
  .wrap-content:before {
    height: 90px;
  }
  .index-slider .bcg-content h2 {
  	font-size: 150%;
  }
  .page-title h1 {
    font-size: 2.5rem;
  }
  .about-share h4 {
    font-size: 170%;
  }
  .about-features img {
    width: 50%;
  }
  .about-story h2 {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 40.063em) {
	.top-bar-title img {
    max-height: 90px;
  }
  .wrap-content {
    margin-top: -110px;
  }
  .wrap-content:before {
    height: 105px;
  }
  .page-title h1 {
    font-size: 3rem;
  }
  #about-page p {
    font-size: 140%;
  }
  .about-share h4 {
    font-size: 200%;
  }
  .about-story img {
    width: 50%;
  }
  .about-story h2 {
    font-size: 3rem;
  }
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	#responsive-menu {
		top: 101px;
	}
	.top-bar .top-bar-right>.menu>li>a:not(.button) {
    line-height: 60px;
  }
  .menu-icon {
  	top: 40px;
  }
}
@media only screen and (min-width: 64.063em) {
  .top-bar .top-bar-right>.menu>li>a:not(.button) {
    line-height: 80px;
  }
}