@import 'core/core-components'
	
section.header
	height: 100vh
	width: 100%
	background: url('../img/cover-image.jpg') top center
	background-size: cover

	.logo
		margin: 30px 50px
		height: 71px
		width: 233px
		background: url('../img/logo.png') center center no-repeat
		a
			text-indent: -9999px

	nav.web-only
		margin: 55px auto
		ul
			float: right
			li
				list-style: none
				display: inline-block
				margin: 0 15px
				a
					font: 300 14px 'Montserrat',sans-serif
					color: darken(rgba(255,255,255,1), 20%)
					&:hover
						text-decoration: none
						color: darken(rgba(255,255,255,1), 0%)
	section.promo
		margin: 0 auto
		position: relative
		top: 50px

	h3
		font: 100 48px 'Montserrat',sans-serif
		color: #FFFFFF
		margin-top: 7.5px

	h5
		font: 400 14px 'Montserrat',sans-serif
		letter-spacing: 2.5px
		color: #319BF5
		margin-bottom: 20px

	button.explore-items
		border: none
		background-color: inherit
		margin: 20px 0

		a
			font: 400 13px 'Montserrat',sans-serif
			border-radius: 12px
			padding: 17px 42px
			background-color: #319BF5
			display: inline-block
			color: #FFFFFF
			transition: all 0.4s ease-out
			&:hover
				text-decoration: none
				background-color: darken(#319BF5, 20%)

	button.retro-bayi
		border: none
		background-color: inherit
		float: right
		position: relative
		top: 15vh
		left: 3em

		a
			font: 400 13px 'Montserrat',sans-serif
			border-radius: 22px
			padding: 17px 72px
			background-color: #319BF5
			display: inline-block
			color: #FFFFFF
			@include transition(background 400ms ease-out)
			&:hover
				background-color: darken(#319BF5, 20%)
				text-decoration: none
			&::after
				content: ''
				background: url('../img/right-arrow.png')
				height: 22px
				width: 37px
				zoom: 0.6
				margin: -2px 10px
				display: inline-block

	section.header-ust
		height: 44px
		width: 100%
		background-color: #000000
		-webkit-font-smoothing: antialiased
		ul
			float: left
			li
				float: left
				margin: 12px
				list-style: none
				a
					font: 14px 'Montserrat',sans-serif
					color: #FFFFFF
					opacity: .35
					transition: 
					&:hover
						text-decoration: none
						opacity: 1