/* -- HORIZONTAL LINE -- */
.header .horozontal-line{
	position:fixed;
	top:124vw;
	height:1vw;
	width:100vw;
	border-bottom: solid 0.06vw #ca7d10;	
	-webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out;transition: .8s ease-in-out;
}
.header.smaller .horozontal-line{
	top:10vw;
}
/* -- VERITACL LINE -- */
.header .vertical-line{
	position:fixed;
	top:-10vh;
	left:14vw;
	width:1vw;
	height:110vh;
	border-right: solid 0.06vw #ca7d10;	
	-webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out;transition: .8s ease-in-out;

}
.header.smaller .vertical-line{
	left:10vw;
}

/* -- CROSS HAIR SQUARE -- */
.header .circle{
	position:fixed;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	width:2vw;
	height:2vw;
	background:#ca7d10;
	top:123.9vw;
	left:13.75vw;

	-webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out;transition: .8s ease-in-out;
}
.header.smaller .circle{
	top:9.88vw;
	left:9.88vw;
	background:#ca7d10;
}

/* -- SCRUMPY CAT DESIGN TEXT -- */
.header .scrumpy{
	position:fixed;
	top:125vw;
	left:17vw;
	font-size:5vw;
	font-weight:900;
	color:#444;
	text-transform:uppercase;
	-webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out;transition: .8s ease-in-out;
}

.header.smaller .scrumpy{
	font-weight:400;
	font-size:4vw;
	color:#aaa;
	top:5vw;
	left:13vw;	
}

/* -- CAT LOGO HOME LINK  -- */
.home-link{
	position:fixed;
	top:0;
	left:0;
	width:11vw;
	height:11vw;
	z-index:999999;
}

/* -- CAT LOGO TOP LEFT -- */
.header .cat{
	position:fixed;
	top:4.45vw;
	left:-10vw;
	width:8vw;
	height:auto;
	-webkit-transition: 2s ease-in-out;-moz-transition: 2s ease-in-out;-o-transition: 2s ease-in-out;transition: 2s ease-in-out;
}
.header.smaller .cat{
	left:1.4vw;	
}

/* -- DESIGN AND ARTWORK LINKS -- */
.header .home-links{
	position:fixed;
	top:118.9vw;
	right:6vw;
	width:98vw;
	-webkit-transition: 1.4s ease-in-out;-moz-transition: 1.4s ease-in-out;-o-transition: 1.4s ease-in-out;transition: 1.4s ease-in-out;
}

.header.smaller .home-links{
	top:-10vw;
	right:2vw;
}
.header .h-links-text{
	font-weight:300;
	font-size:2.6vw;
	line-height:0;
	color:#ca7d10;	
	text-align:right;
	-webkit-transition: .4s ease-in-out;-moz-transition: .4s ease-in-out;-o-transition: .4s ease-in-out;transition: .4s ease-in-out;
}

.header.smaller .h-links-text{
	/*color:#fff;	*/
}
.header .h-links-text a{
	font-size:3.6vw;
	font-weight:300;
	color:#ca7d10;	
	text-decoration:none;
	-webkit-transition: .4s ease-in-out;-moz-transition: .4s ease-in-out;-o-transition: .4s ease-in-out;transition: .4s ease-in-out;
}
.header .h-links-text a:hover{	
	color:#888;
}

/* -- SMALL TOP LINKS -- */
.top-links{
	display:none;
	position:fixed;
	top:0.8vw;	
}
.about{right:6vw;}
.contact{right:2vw;}
.top-links a{
	font-size:0.8vw;
	color:#ca7d10;
	font-weight:300;
	text-align:right;
	-webkit-transition: .4s ease-in-out;-moz-transition: .4s ease-in-out;-o-transition: .4s ease-in-out;transition: .4s ease-in-out;
}
.top-links a:hover{
	color:#000;
}

/* -- HAMBURGER MENU - MOBILE ONLY -- */
.nav-butt {position: fixed;right: 4vw;top: 0;overflow: hidden;border: none;z-index: 9999;}
#nav-toggle {width: 8vw;height: 5vw;position: relative;margin: 3vw auto;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;}
#nav-toggle span{display: block;position: absolute;height: 0.5vw;width: 100%;background: #AAA;border-radius: 0.3vw;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
#nav-toggle span:nth-child(1) {top: 0;}
#nav-toggle span:nth-child(2),#nav-toggle span:nth-child(3) {top: 2.25vw;}
#nav-toggle span:nth-child(4) {top: 4.5vw;}
#nav-toggle.open span:nth-child(1) {top: 2vw;width: 0%;left: 50%;}
#nav-toggle.open span:nth-child(2) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);background: #AAA;}
#nav-toggle.open span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);background: #AAA;}
#nav-toggle.open span:nth-child(4) {top: 3.9vw;width: 0%;left: 50%;}
/*••••••••••END MENU TOGGLE••••••••••*/

@media only screen and (min-width: 920px) {

	/* -- HORIZONTAL LINE -- */
.header .horozontal-line{top:35vw;}
.header.smaller .horozontal-line{top:4vw;}

/* -- VERITACL LINE -- */
.header .vertical-line{left:9vw;}
.header.smaller .vertical-line{left:4vw;}

/* -- CROSS HAIR SQUARE -- */
.header .circle{	
	width:0.4vw;
	height:0.4vw;
	top:35.823vw;
	left:9.83vw;
}
.header.smaller .circle{
	width:0.4vw;
	height:0.4vw;
	top:4.82vw;
	left:4.82vw;
}

/* -- SCRUMPY CAT DESIGN TEXT -- */
.header .scrumpy{
	top:38.5vw;
	left:11vw;
	font-size:6vw;
	font-weight:900;
	color: #BBB;
}

.header.smaller .scrumpy{
	font-weight:400;
	font-size:1.8vw;
	color:#ca7d10;
	top:3vw;
	left:6vw;
	
}

/* -- CAT LOGO HOME LINK  -- */
.home-link{	
	width:5vw;
	height:5vw;
}

/* -- CAT LOGO TOP LEFT -- */
.header .cat{
	position:fixed;
	top:2.55vw;
	left:-10vw;
	width:3vw;
	height:auto;
	-webkit-transition: 2s ease-in-out;-moz-transition: 2s ease-in-out;-o-transition: 2s ease-in-out;transition: 2s ease-in-out;
}
.header.smaller .cat{
	left:1.4vw;	
}

/* -- SMALL TOP LINKS -- */
.top-links{
	display:block;
	}
	
/* -- DESIGN AND ARTWORK LINKS -- */
.header .home-links{
	position:fixed;
	top:33.9vw;
	right:2vw;
	width:25vw;
	-webkit-transition: 1.4s ease-in-out;-moz-transition: 1.4s ease-in-out;-o-transition: 1.4s ease-in-out;transition: 1.4s ease-in-out;
}
.header.smaller .home-links{
	top:3.03vw;
	right:2vw;
}
.header .h-links-text{
	font-size:1vw;
}
.header .h-links-text a{
	font-size:1.2vw;
}

/* -- HIDE HAMBURGER ON DESKTOP -- */
#nav-toggle {
	display:none;
}
}