body {
	color: #3e3f40;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	font-size: 16px;
}
img[data-src][src*='data:image'] { background: rgba(0,0,0,0.5); }
a {
	color: #3e3f40;
	transition: all 300ms ease;
}
a:hover {
	color: #d3d3d3;
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Hind', sans-serif;
	font-weight: bold;
	color: #3e3f40;
	transition: all 300ms ease;
}
h1 {
	font-size: 3.8125rem;
}
h2 {
	font-size: 3.05rem;
}
h3 {
	font-size: 2.4437rem;
}
h4 {
	font-size: 1.9562rem;
}
h5 {
	font-size: 1.5625rem;
}
footer {
	color: #fff;
}
a:hover h1, a:hover h2 {
	color: #ddd;
}
.uk-light .uk-navbar-nav>li>a, .uk-light .uk-iconnav>*>a {
	color: #ffffff;
}
.uk-dark .uk-navbar-nav>li>a, .uk-dark .uk-iconnav>*>a {
	color: #3e3f40;
}
.uk-text-lead {
	font-size: 1.25rem;
}
.btn-wrap {
	overflow: hidden;
	width: 220px;
	display: inline-block;
}
.btn-text {
	display: inline-block;
	font-family: 'Hind', sans-serif;
	font-weight: bold;
	position: relative;
	transition: all 300ms ease;
}
.btn-text:before {
	content: '';
	position: absolute;
	width: 40px;
	height: 1px;
	background-color: #999;
	top: 49%;
	left: -50px;
}
.reverse.btn-text:before {
	display: none;
}
.reverse.btn-text:after {
	content: '';
	position: absolute;
	width: 40px;
	height: 1px;
	background-color: #999;
	top: 49%;
	left: 163px;
}
.arrow {
	position: relative;
	width: 142px;
	height: 10px;
	display: inline-block;
	transition: all 0.3s ease;
}
.shaft {
	background-color: #000;
	display: block;
	height: 1px;
	top: 5px;
	position: relative;
	width: 142px;
}
.small.arrow, .small .shaft {
	width: 53px;
}
.shaft:before, .shaft:after {
	background-color: #000;
	content: '';
	position: absolute;
	width: 8px;
	top: 0;
	right: 0;
	display: block;
}
.shaft:before {
	transform: rotate(40deg);
	height: 1px;
	transform-origin: top right;
}
.shaft:after {
	transform: rotate(-40deg);
	height: 1px;
	transform-origin: bottom right;
}
.reverse.shaft:before, .reverse.shaft:after {
	left: 0;
}
.reverse.shaft:before {
	transform: rotate(-40deg);
	transform-origin: top left;
}
.reverse.shaft:after {
	transform: rotate(40deg);
	transform-origin: bottom left;
}
.uk-light .shaft, .uk-light .shaft:before, .uk-light .shaft:after {
	background-color: #fff;
}
.animation:hover .shaft, .animation:hover .shaft:after, .animation:hover .shaft:before {
	background-color: #999;
}

.animation:hover .btn-text {
	transform: translateX(50px);
	color: #999;
}
.animation:hover .arrow {
	transform: translateX(120px);
}
.reverse.animation:hover .btn-text {
	transform: translateX(-50px);
	color: #999;
}
.reverse.animation:hover .arrow {
	transform: translateX(-120px);
}

@media (max-width: 390px) {
  h1 {
    font-size: 3.05rem;
  }
}