div[role='main'] .main-hero .bg.bg1 {
  background: url("../images/shared/bg/2.jpg") no-repeat center top/cover #f1f1f1;
  box-shadow: inset 0px 8px 0px rgba(0,0,0,0.25);
}

div[role='main'] .main-hero .viewport .main-intro .about .inner-content .side-img {
  float: left;
  width: 140px;
  height: 150px;
  margin: 0 10px 0 0;
}


div[role='main'] .main-hero .viewport .main-intro .contact .info .item {
	margin-bottom: 10px;
}

header#main-header .header-inner .logo
{
	padding-top: 30px;
}
header#main-header .header-inner
{
	height: 140px;
}
header#main-header .header-inner .social-links
{
	margin-top: 75px;
}
header#main-header .header-inner .contact-info
{
	margin-top: 60px;
}
div[role='main'] .main-hero .viewport .hero-nav
{
	padding-top:60px;
}

div[role='main'] .main-hero .viewport .hero-nav a.item1 img,
div[role='main'] .main-hero .viewport .hero-nav a.item3 img
{
	width: 110px;
	height: auto;
	margin: -17px 0 0 -53px;
}

div[role='main'] .main-hero .viewport .hero-nav a.item1.active img, div[role='main'] .main-hero .viewport .hero-nav a.item1:hover img,
div[role='main'] .main-hero .viewport .hero-nav a.item3.active img, div[role='main'] .main-hero .viewport .hero-nav a.item3:hover img
{
	width: 190px;
	height: auto;
	margin: -33px 0 0 -95px;
}


div[role='main'] .main-hero .viewport .hero-nav a.item2.active img, div[role='main'] .main-hero .viewport .hero-nav a.item2:hover img {
	width: 170px;
	height: auto;
	margin: -36.5px 0 0 -84.5px;
}
div[role='main'] .main-hero .viewport .hero-nav a.item2 img {
	width: 110px;
	height: auto;
	margin: -21.75px 0 0 -53.75px;
}