/* =Nav
-------------------------------------------------------------- */

/* =Media Queries those are bigger than 600px
-------------------------------------------------------------- */
.header-top {
	background-color: #fafafa;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
}

.header-inner-top {
    padding-bottom: 45px;
}

.heaer-inner-top-left {
	float: left;
    margin-left: 15%;
}

.heaer-inner-top-right {
	float: right;
    margin-right: 15%;
}

.header-nav {
    font-family: 'clear_sans_mediumregular', sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 16px;
    letter-spacing: .11em;
    text-transform: lowercase;
}

.nav-a {
	display: inline-block;
	vertical-align: middle;
	margin: 0 0.4em;
    padding: .618em 0;
}

.this-page {
	border-bottom: 2px solid currentColor;
    border-bottom-color: #60d956;
    line-height: 0.85;
}

.hover-animation {
    font-weight: 300;
    font-size: 16px;
	position: relative;
    text-decoration: none;
    }

	.hover-animation:hover {
      font-weight: 300;
      font-size: 16px; 
}

    .hover-animation:before {
      content: "";
	  position: absolute;
	  width: 93%;
	  height: 2px;
	  bottom: 13%;
	  left: 3%;
	  background-color: #60d956;
	  visibility: hidden;
	  -webkit-transform: scaleX(0);
	  transform: scaleX(0);
	  -webkit-transition: all 0.3s ease-in-out 0s;
	  transition: all 0.3s ease-in-out 0s;
}
	.hover-animation:hover:before {
	  visibility: visible;
  	  -webkit-transform: scaleX(1);
  	  transform: scaleX(1);
}

.logo-branding {
	font-family: Karla;
    font-weight: 400;
    font-style: normal;
    font-size: 34px;
    letter-spacing: .09em;
    line-height: 1em;
    text-transform: lowercase;
    color: #000;
	text-rendering: optimizeLegibility
}

/* =Media Queries those are equal to or smailler than 600px
-------------------------------------------------------------- */
@media all and (max-width: 600px) {
	
.heaer-inner-top-left {
	float: left;
    margin-left: 5%;
}

.heaer-inner-top-right {
	float: right;
    margin-right: 5%;
}
	
.logo-branding {
    font-size: 23px;
}


}