/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*------------------------------------------------------------------------------------------------------------------*\
		#MY CUSTOM CSS
\*------------------------------------------------------------------------------------------------------------------*/

/*------------------------------*\
		RESET
\*------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; }
body {line-height: 1; }
ol, ul {list-style: none; }
blockquote, q {quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}

/*------------------------------*\
		GENERAL
\*------------------------------*/
body{padding: 0; margin: 0; font-family: 'muli-light', sans-serif; font-size: 20px; background-color: #f0eeef; color: #fff}
p{line-height: 2em;}
body{-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}   /* OSX font fix */
/*.button-link{font: 300 21px 'Oswald', sans-serif; color: #cf6af8; text-decoration: none; display: inline-block; height: 38px; border: 1px solid #d4a7ea; border-radius: 6px; padding: 0 45px; line-height: 38px}*/
.button-link{
	/*position: absolute;*/
	display: block;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 65px;
	text-align: center;
	width: 295px;
	height: 65px;
	background-color: #000;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}

.button-link.purple {
	background-color: #9a18d0;
	transition: background-color 0.2s;
}

.button-link.purple:hover {
	background-color: rgba(154, 24, 208, 0.5);
}

/*.button-link:hover{color: #616161; border-color: #585657;}*/
.clearfix{clear: both}
.notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}

.home h1, .home h2, .home h3 {
	display: inline-block;
	position: relative;
	padding: 0 20px;
	margin: 0 auto 46px;
	overflow: visible;
	font-size: 40px;
	line-height: 0.94em;
	font-family: "GTSectra", sans-serif;
	/*text-transform: uppercase;*/
	z-index: 20
}

.home h1 {
	display: block;
	color: #afafaf;
	line-height: 1.45em;
	margin-bottom: 14px;
}

.home h2 {
	font-size: 76px;
	text-align: center;
}

.grey-text {
	color: #afafaf;
	display: block;
}

.home h3 {
	font-size: 50px;
	line-height: 0.88em;
}

.home h4 {
	font-family: "GTSectra", sans-serif;
	font-size: 36px;
	color: #afafaf;
	text-align: center;
}

.home h5 {
	font-family: "GTSectra", sans-serif;
	font-size: 65px;
	color: #afafaf;
	font-style: italic;
}

.h2-icon{position: relative; width: 74px; height: 72px; background-image: url("images/sprite-sheet-home.png"); background-size: 547px 306px; margin: 0 auto}
.h2-line{position: relative; width: 100%; left: 0; border-top: 2px solid #ce9dde; z-index: 10;}
.wrapper{position: relative; width: 100%; text-align: center;}
.content{position: relative; margin: auto; max-width: 1405px;}
.content-1820{position: relative; margin: auto; width: calc( 100% - 240px ); max-width: 1820px;}

/*------------------------------*\
		#header
\*------------------------------*/

#eye-lids{
	position: absolute;
  width: 6.3%;
  height: 9%;
  top: 50%;
  left: 44%;
  background-color: black;
  z-index: 301;
	display: none;
}

#eye-lids.wink{
	width: 3%;
}


#header-wrapper{position: fixed; height: 100vh; background-image: url("images/header/home.jpg"); background-repeat: repeat; -webkit-box-shadow: 0 0 150px 0px rgba(0, 0, 0, 0.95) inset; box-shadow: 0 0 150px 0px rgba(0, 0, 0, 0.95) inset; z-index: 200; /*overflow: hidden;*/}
#header-placeholder{position: relative; height: 100vh;}
.home-is-tablet #header-wrapper,
.home-is-mobile #header-wrapper{background-image: url("images/header/home-small.jpg");}
	#header{height: 100%;}
			#header nav ul{position: relative; top: 17px; padding: 0; margin: 0;}
				#header nav li {list-style-type: none; display: inline-block;  margin: 0 0 0 25px; padding: 0}
			#header nav .nav-home {margin-left: 34px}
				#header nav a{text-decoration: none; color: #1f272e; margin: 0; padding: 0; transition: color 0.2s; font: 400 24px "GTSectra", sans-serif; text-transform: uppercase;}
				#header nav a:hover{color: #6D6E71; transition: color 0.2s}
				#header-text-wrapper{position: relative; top: 50%;}
				#header-text{ font-size: 50px; font-family: "GTSectra", serif; font-weight: normal; color: black; transition: top 0.4s; line-height: 1; margin-bottom: 0;}
				#header-text span {
					display: inline-block;
					padding-bottom: 0.3em;
				}

					#header nav .sub-menu{display: none;}
			#prev-page-button{display: none;}

			#next-page-button{background-position: -358px -67px;}
			#menu-toggle{background-position: -332px -9px;}

			#nav-wrapper{z-index: 110; position: relative;}

	/*------------------------------*\
			#header #logo
	\*------------------------------*/
	#logo-wrapper{position: relative; margin: 0 auto; width: 60%; /*padding-bottom: 18.6425%;*/ top: 30%; z-index: 100; transition: top 0.5s, width 0.5s, height 0.5s}
	#logo{position: absolute; width: 100%; padding-bottom: 31.07%;}
		.logo-bg{position: absolute; width: 100%; height: 100%; background-size: 100%, 100%; background-repeat: no-repeat; /*background-color: #0f0;*/}
		#logo img{width: 100%; /*height: 100%;*/ display: block;}
		.logo-link{position: absolute; width: 100%; height: 100%; display: block; top: 0; z-index: 301;}
		#logo-man{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("images/home/DAMNGOOD-logo-walk-tap-bw.png"); background-repeat: no-repeat; background-size: 100% 800%; z-index: 300}
		.logo-man-link{position: absolute; width: 27px; height: 50px; left: 42.5%; top: 47%;}

		#scroll-down-arrow-wrapper{position: absolute; width: 100%; top: 90%;}
	#logo, #header-text-wrapper{opacity: 0; transition: opacity 0.4s;}

/*------------------------------*\
		#main-wrapper
\*------------------------------*/
#main-wrapper{position: relative; z-index: 100; overflow-y: hidden;}


/*------------------------------*\
		#services
\*------------------------------*/
#services-wrapper{background-color: white; padding-bottom: 106px}
	#services h2{background-color: white; top: 79px}
	#services .h2-icon{background-position: -199px -2px; top: 70px}
	#services .h2-line{top: -53px}
	#services .first-p{margin: 0 auto; font-size: 19px; width: 80%}
	#services #web-mobile, #services #digital-marketing{width: 42%; margin: 60px 4% 0}
	#services #web-mobile{float: left}
	#services #digital-marketing{float: right}
		#web-mobile-icon-wrapper       {position: relative; margin: 0 auto;  width: 251px; height: 213px;  }
			#web-mobile-icon{position: relative; margin: 0 auto;  width: 100%; height: 100%; background-image: url("images/home/web-mobile-icon.png"); background-size: 100% 200%; background-repeat: no-repeat;}
		#digital-marketing-icon-wrapper{position: relative; margin: 0 auto;  width: 327px; height: 213px; }
			#digital-marketing-icon{position: relative; margin: 0 auto;  width: 100%; height: 100%; left: -50px;  background-image: url("images/home/digital-marketing-icon.png"); background-size: 100% 200%; background-repeat: no-repeat;}
		#services h3{display: inline-block; position: relative;width: 100%; margin: 28px auto; padding-bottom: 5px;  font: 300 30px 'Oswald', sans-serif; color: #585858; text-transform: uppercase; }





	.h2-icon {
    width: 56px;
    height: 55px;
    background-size: 401px 224px;
  }

	#services .h2-icon {background-position: -146px -2px; }









	#services .bottom-p{margin: -0.4em auto 0; font-size: 18px; width: 80%; line-height: 2em}
		#services .button-link{margin: 35px auto 0}

/*------------------------------*\
		#formula
\*------------------------------*/
#formula-wrapper{padding-bottom: 60px}
	#formula h2{background-color: #f0eeef; top: 92px;}
	#formula .h2-icon{background-position: -3px -45px; top: 70px; padding-top: 18px; width: 72px; height: 53px;}
	#formula .h2-line{top: -40px}

	#formula p{margin: 0.4em auto 0; max-width: 900px}

		/*------------------------------*\
				#formula #arrow1
		\*------------------------------*/
			#arrow-wrapper{height: 480px; top: 48px; margin: 0 0 115px 14px; position: relative;}
			#arrow1{position: absolute; top: 230px; width: 1374px;  height: 96px; background-image: url("images/home/arrow.png"); background-size: 100%; background-repeat: no-repeat; left: -3px}
			#arrow2, #arrow3{display: none;}
			.formula-icon{position: relative; width: 185px; height: 93px; left: 180px; float: left; margin: 0 227px 0 0 ; background-repeat: no-repeat; background-size: 99%; background-position: 51% 0}
			#traffic-icon{background-image: url("images/home/more-traffic.png"); }
			#leads-icon{background-image: url("images/home/more-leads.png"); }
			#sales-icon{background-image: url("images/home/more-sales.png"); }

			.formula-text{position: relative; width: 240px; height: 200px; left: 154px; top: 140px; float: left; margin: 0 172px 0 0; font-size: 19px; overflow: hidden;}
			.formula-text ul{list-style-type: none; padding: 0; margin: 32px 0 0 }
			.formula-text li{margin: 0;  line-height: 2em; font-size: 21px;}
			#formula .button-link{margin: 0 auto 45px; position: relative; display: none;}

/*------------------------------*\
		#blog
\*------------------------------*/
#blog-wrapper{background-color: black;padding-bottom: 145px}
#blog{padding-top: 105px}
	#blog h2{background-color: black; top: 33px; color: white; margin-bottom: 120px}
	#blog .h2-icon{background-position: -79px -59px; top: 30px; padding: 0 3px}
	#blog .h2-line{top: -119px; border-color: #8515b4}
	.blog-item-wrapper{width: 666px}
		#blog #blog-left{float: left}
		#blog #blog-right{float: right}
		.blog-item{position: relative; width: 666px; height: 344px; background-image: url("images/blog-post.png"); color: white; font-size: 21px; line-height: 2em;}
		.blog-item:hover{-webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");  }
			.blog-item a img{width: 100%; height: 100%;}
			.blog-item-top-wrapper{position: absolute; width: 100%; height: 35px; top: 0; text-align: center;}
				.blog-item-top{width: 92%; position: relative; margin: 10px auto; }
					.blog-item-top .icon, .blog-item-bottom .title{display: inline-block}
					.blog-item-top .icon{float: left; position: relative; width: 27px; height: 51px; margin-top: 13px; background-image: url("images/sprite-sheet-home.png"); background-size: 547px 306px; background-position: -199px -93px;}

					.blog-item-top .title{color: white; float: right; text-transform: uppercase; margin-top: 4px; white-space: nowrap; overflow: hidden; width: 90%; text-align: left; font-weight: bold;}

			.blog-item-bottom-wrapper{position: absolute; width: 100%; height: 35px; bottom: 10px; text-align: center; display: none}
				.blog-item-bottom{width: 92%; position: relative; margin: 0 auto;  border-top: 1px solid white; font-weight: bold; font-size: 17px;}
					.blog-item-bottom .date, .blog-item-bottom .author{color: white; display: inline-block}
					.blog-item-bottom .date{float: left}
					.blog-item-bottom .author{float: right;}
			.blog-item:hover .blog-item-bottom-wrapper{display: block}
			.blog-thumbnail-shadow{position: absolute; width: 100%; height: 100%; top: 0; -webkit-box-shadow: 0 0 85px 65px rgba(0,0,0,0.6) inset; box-shadow: 0 0 85px 65px rgba(0,0,0,0.6) inset; }
			#blog .button-link{margin: 100px auto 0; position: relative; color: white; border-color: white;background-color: #9a18d0; }
/*------------------------------*\
		#social-icons
\*------------------------------*/
#social-icons-wrapper{position: relative; height: 250px; background-color: black}
	#social-icons a{display: inline-block; width: 131px; height: 131px; background-image: url("images/sprite-sheet-home.png"); background-size: 547px 306px; margin: 30px 45px; transition: opacity 0.1s}
	#social-icons a:hover{opacity: 0.5}
	#social-icons #twitter{background-position: 134px -37px}
	#social-icons #pinterest{background-position: 268px 136px}
	#social-icons #linkedin{background-position: 134px 136px}
	#social-icons #facebook{background-position: -3px 136px}
/*------------------------------*\
		#footer
\*------------------------------*/
footer{position: relative;}



/*------------------------------*\
		#thinking-wrapper
\*------------------------------*/


#thinking-wrapper {
	background-color: #000;
	color: #fff;
	padding-top: 269px;
}

.screens-wrapper {
	position: relative;
	width: 100%;
}

#thinking-wrapper h2{
	display: block;
	margin-bottom: 33px;
}

#thinking-wrapper h3{
	font-size: 76px;
	/*margin-bottom: 50px;*/
}

#thinking-wrapper .first-p{
	max-width: 1115px;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.8em;
	font-size: 22px;
	letter-spacing: 0.2px;
}

.screen{
	position: absolute;
	display: block;
	width: 676px;
	height: 539px;
	background-image: url("images/screen-centre.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 1;
}

.screen-middle {
	position: relative;
	margin: -50px auto 0;
	/*top: 175px;*/
	bottom: -155px;
	z-index: 10;
}

.screen-left,
.screen-right {
	width: 569px;
	height: 459px;
	bottom: -120px;
}

.screen-left {
	left: 0;
}

.screen-right {
	right: 0;
}

.screen-video {
	position: absolute;
	width: 92.7%;
	top: 4%;
	left: 3.8%;
}

.screen-video video{
	position: relative;
	width: 100%;
	height: 100%;
}

/*------------------------------*\
		#clients-wrapper
\*------------------------------*/

#clients-wrapper {
	padding-top: 35px;
	color: #000;
	padding-bottom: 160px;
	background-color: #000;
}

#clients-wrapper h5{
	margin-bottom: 55px;
}

.clients__slider {
	display: block;
	width: 1750px;
	overflow: hidden;
	white-space: nowrap;
	position: relative;
	height: 125px;
	margin: auto;
}

.clients__subslider {
	display: inline-block;
	position: relative;
}

.clients__slider:before,
.clients__slider:after {
	content: "";
	position: absolute;
	height: 100%;
	width: 20px;
	background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	z-index: 999;
}

.clients__slider:after {
	background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	right: 0;
}

#clients {
	overflow: hidden;
}

#clients .client {
	position: relative;
	display: inline-block;
	left: calc( -100% / 9 );
	height: 125px;
	width: 250px;
	background-size: 100%;
	opacity: 0.8;
	transition: opacity 0.3s;
	background-repeat: no-repeat;
	background-position: center;
}

#clients .client:hover {
	opacity: 1;
}


/* 1 */
#clients .client--dhs-rds {
	background-image: url("images/logos-light/rds.png");
}

/* 2 */
#clients .client--giaf {
	background-image: url("images/logos-light/giaf.png");
}

/* 3 */
#clients .client--st-patricks {
	background-image: url("images/logos-light/st-patricks.png");
}

/* 4 */
#clients .client--druid {
	background-image: url("images/logos-light/druid.png");
}

/* 5 */
#clients .client--cmls {
	background-image: url("images/logos-light/CMLS.png");
}

/* 6 */
#clients .client--leadteam {
	background-image: url("images/logos-light/leadteam.png");
}

/* 7 */
#clients .client--failte-ireland {
	background-image: url("images/logos-light/failte-ireland.png");
}

/* 8 */
#clients .client--blackwater {
	background-image: url("images/logos-light/blackwater.png");
}

/* 9 */
#clients .client--creative-concrete {
	background-image: url("images/logos-light/creative-concrete.png");
}

/*------------------------------*\
		#design-wrapper & #marketing-wrapper
\*------------------------------*/

#design-wrapper {
	background-color: #000;
	color: #fff;
	text-align: left;
	padding-top: 150px;
	padding-bottom: 26px;
}

#marketing-wrapper {
	background-color: #000;
	text-align: left;
	padding-top: 125px;
	padding-bottom: 130px;
}

#design-wrapper .hp-content-text,
#marketing-wrapper .hp-content-text{
	position: relative;
	width: 42%;
	text-align: justify;
	z-index: 10;
}

#marketing-wrapper .hp-content-text{
	left: 60%;
	width: 40%;
}

#design-wrapper h2,
#marketing-wrapper h2{
	/*margin-bottom: 23px;
	margin-bottom: 38px;*/
	margin-bottom: 30px;
	line-height: 1.07em;
	width: 100%;
	letter-spacing: -0.03em;
	box-sizing: border-box;
}

#design-wrapper h4,
#marketing-wrapper h4{
	margin-bottom: 35px;
}

#design-wrapper h2 .white-text,
#marketing-wrapper h2 .white-text{
	margin-left: -3.8em;
	display: inline-block;
}

html:not(.no-js) h2 .white-text[data-aos=fade-right] {
    -webkit-transform: translate3d(-10px,0,0);
    transform: translate3d(-10px,0,0);
}

html:not(.no-js) h2 .grey-text[data-aos=fade-left] {
    -webkit-transform: translate3d(10px,0,0);
    transform: translate3d(10px,0,0);
}

html:not(.no-js) h4[data-aos=fade-up] {
    -webkit-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0);
}


#design-wrapper p,
#marketing-wrapper p{
	padding-bottom: 35px;
	line-height: 1.55em;
	text-align: center;
	/*font-size: 16px;
	line-height: 1.67em;
	padding-bottom: 29px;*/
}

#design-wrapper .hp-content-image{
	position: absolute;
	top: -200px;
	right: -120px;
	right: -6.59%;
	/*width: 1191px;*/
	/*width: 65.4%;
	height: 673px;*/
	/*background-image: url("images/mobile-phone.png");*/
	/*background-repeat: no-repeat;*/
	/*background-size: 100%;*/
}

/*
#design-wrapper .hp-content-image-wrapper .pcscreen {
	transition: transform 0.4s;
}

#design-wrapper .hp-content-image-wrapper:hover .pcscreen-1 {
	transform: translateX( -10px );
}

#design-wrapper .hp-content-image-wrapper:hover .pcscreen-3 {
	transform: translateX( 10px );
}*/

#design-wrapper .pcscreen {
	position: absolute;
	background-size: 100%;
	top: 0;
	background-repeat: no-repeat;
}

#design-wrapper .hp-content-image-wrapper .pcscreen-1 {
	margin-right: 0;
	/*transition: margin 0.4s ease 0s, transform 0.4s ease 0s, opacity 0.4s ease 0s;*/
}

#design-wrapper .hp-content-image-wrapper:hover .pcscreen-1 {
	margin-right: 15px;
}

#design-wrapper .hp-content-image-wrapper .pcscreen-2 {
	margin-right: 0;
	/*transition: margin 0.4s ease 0s, transform 0.4s ease 0.05s, opacity 0.4s ease 0.05s;*/
}

#design-wrapper .hp-content-image-wrapper:hover .pcscreen-2 {
	margin-right: 0;
}

#design-wrapper .hp-content-image-wrapper .pcscreen-3 {
	margin-right: 0;
	/*transition: margin 0.4s ease 0s, transform 0.4s ease 0.1s, opacity 0.4s ease 0.1s;*/
}

#design-wrapper .hp-content-image-wrapper:hover .pcscreen-3 {
	margin-right: -15px;
}

#design-wrapper .pcscreen-1 {
	background-image: url("images/home/mongey-web-design1.png");
	width: 27.8%;
	padding-bottom: calc( 27.8% * 0.806 );
	right: 23%;
	top: calc( 252px - 8.36% );
	top: calc( 252px - 8.36vw );
}

#design-wrapper .pcscreen-2 {
	background-image: url("images/home/itl.png");
	width: 23.1%;
	padding-bottom: calc( 23.1% * 0.82 );
	right: 9.6%;
	top: calc( 251px - 7.21% );
	top: calc( 251px - 7.21vw );
}

#design-wrapper .pcscreen-3 {
	background-image: url("images/home/bartra.png");
	width: 21.4%;
	padding-bottom: calc( 21.4% * 0.792 );
	right: 0.1%;
	top: calc( 244px - 5.93% );
	top: calc( 244px - 5.93vw );
}


#marketing-wrapper .hp-content-image-wrapper{
	position: absolute;
	top: -100px;
	left: -100px;
	width: 1191px;
	height: 673px;
}

#marketing-wrapper .hp-content-image-wrapper .screenshot{
	/*transition: margin 0.4s;*/
	/*transition-property: opacity,transform,margin;*/
	margin-left: 0;
}

#marketing-wrapper .hp-content-image-wrapper .screenshot-1 {
	transition: margin 0.4s ease 0s, transform 0.4s ease 0.3s, opacity 0.4s ease 0.3s;
}

#marketing-wrapper .hp-content-image-wrapper .screenshot-2 {
	transition: margin 0.4s ease 0s, transform 0.4s ease 0.15s, opacity 0.4s ease 0.15s;
}

#marketing-wrapper .hp-content-image-wrapper .screenshot-3 {
	transition: margin 0.4s ease 0s, transform 0.4s ease 0s, opacity 0.4s ease 0s;
}

#marketing-wrapper .hp-content-image-wrapper:hover .screenshot-1 {
	margin-left: 10px;
}

#marketing-wrapper .hp-content-image-wrapper:hover .screenshot-3 {
	margin-left: -10px;
}

#marketing-wrapper .screenshot {
	position: absolute;
	background-size: 100%;
	width: 775px;
	/*height: 442px;*/
	padding-bottom: 442px;
	background-repeat: no-repeat;
	top: 175px;
	/*outline: 1px solid yellow;*/
}

#marketing-wrapper .screenshot-1 {
	background-image: url("images/screen-bottom-2.png");
	left: calc( 335% / 12 );
}

#marketing-wrapper .screenshot-2 {
	background-image: url("images/screen-middle-2.png");
	left: calc( 205% / 12 );
}

#marketing-wrapper .screenshot-3 {
	background-image: url("images/screen-top.png");
	left:calc(  75% / 12 );
}

#design-wrapper .button-link,
#marketing-wrapper .button-link{
	/*position: absolute;
	right: -39%;*/
	position: relative;
	left: 0;
	right: 0;
	margin: 190px auto 0;

	font-size: 14px;
}

#marketing-wrapper .button-link{
	/*left: -325px;*/
	margin-top: 86px;
}

/*------------------------------*\
		#
\*------------------------------*/

@media screen and (max-width: 2260px) {

	/*#marketing-wrapper .button-link {
	    left: -13.5%;
	}*/

	#design-wrapper .hp-content-image {
		top: -70px;
		top: -3vw;
	}

}

@media screen and (max-width: 2005px) {
	.clients__slider {
		width: 1500px; /*6 logos*/
	}

	#marketing-wrapper .hp-content-text {
		width: 50%;
	}

	#design-wrapper .hp-content-image {
		width: 50%;
		height: 600px;
	}

	#marketing-wrapper .hp-content-text {
		left: 50%;
	}

	#marketing-wrapper .hp-content-image-wrapper {
		width: calc( 100% - 500px );
		height: 600px;
	}

	#marketing-wrapper .screenshot {
		width: calc( 780% / 14 );
		padding-bottom: calc( 450% / 14 );
	}

	#marketing-wrapper .screenshot-1 {
		left: calc( 335% / 16 );
	}

	#marketing-wrapper .screenshot-2 {
		left: calc( 205% / 14 );
	}

	#marketing-wrapper .screenshot-3 {
		left:calc(  75% / 12 );
	}
}

@media screen and (max-width: 1800px) {
	#design {
		width: calc( 100% - 200px );
	}

	#thinking-wrapper {
		padding-top: 160px;
	}

	.home h3 {
		margin-bottom: 40px;
	}

	/*#design-wrapper .button-link{
		right: -150px;
	}*/

	#marketing-wrapper {
		padding-top: 135px;
	}


	#design-wrapper h2, #marketing-wrapper h2 {
		margin-bottom: 18px;
	}

	#design-wrapper h4, #marketing-wrapper h4 {
	    margin-bottom: 28px;
	}

	#marketing-wrapper .screenshot {
		width: calc( 780% / 12 );
		padding-bottom: calc( 450% / 12 );
		/*top: 185px;*/
	}

	#marketing-wrapper .screenshot-1 {
		left: calc( 335% / 16 );
	}

	#marketing-wrapper .screenshot-2 {
		left: calc( 205% / 14 );
	}

	#marketing-wrapper .screenshot-3 {
		left:calc(  75% / 12 );
	}

	#marketing-wrapper .hp-content-text {
		left: 50%;
	}

}

@media screen and (max-width: 1755px) {
	.clients__slider {
		width: 1250px; /* 5 logos */
	}
}

@media screen and (max-width: 1500px) {
	body{
		font-size: 18px;
	}

	#thinking-wrapper h3{
		font-size: 65px;
	}

	.home h1 {
		font-size: 36px;
		margin-bottom: 16px;
	}

	.home h2 {
		font-size: 65px;
	}

	.home h4 {
		font-size: 32px;
	}

	.home h5 {
		font-size: 55px;
	}

	#thinking-wrapper .first-p {
		font-size: 20px;
		max-width: calc( 100% - 200px );
	}

	#design-wrapper .button-link,
	#marketing-wrapper .button-link,
	.button-link{
		font-size: 13px;
	}

	/*#design-wrapper .pcscreen-1 {
		width: calc( 296% / 15 );
		right: calc( 440% / 16 );
		padding-bottom: calc( 600% / 15 );
	}

	#design-wrapper .pcscreen-2 {
		width: calc( 281% / 15 );
		right: calc( 290% / 18 );
		padding-bottom: calc( 570% / 15 );
	}

	#design-wrapper .pcscreen-3 {
		width: calc( 267% / 15 );
		right: calc( 125% / 20 );
		padding-bottom: calc( 540% / 15 );
	}*/

	#design-wrapper .hp-content-text, #marketing-wrapper .hp-content-text {
	    width: 45%;
	}

	#marketing-wrapper .screenshot {
		width: calc( 780% / 10 );
		padding-bottom: calc( 450% / 10 );
	}

	#marketing-wrapper .screenshot-1 {
		left: calc( 335% / 11 );
	}

	#marketing-wrapper .screenshot-2 {
		left: calc( 205% / 11 );
	}

	#marketing-wrapper .screenshot-3 {
		left:calc(  75% / 11 );
	}

	#design-wrapper .button-link{
		margin-top: 145px;
	}

	#marketing-wrapper .hp-content-text {
	    left: 58%;
	}

	#marketing-wrapper .button-link {
	    margin-top: 75px;
	}

	#clients-wrapper {
	    padding-top: 25px;
	    padding-bottom: 150px;
    }

	#clients .client {
		height: 104px;
		width: 208px;
	}

	.clients__slider {
	    width: 1042px;
	}
}

@media screen and (max-width: 1350px) {
	#marketing-wrapper .screenshot {
		width: calc( 780% / 8 );
		padding-bottom: calc( 450% / 8 );
	}
}

@media screen and (max-width: 1300px) {
	#clients .client {
		height: 87px;
		width: 174px;
	}

	.clients__slider {
	    width: 880px;
	}
}

@media screen and (max-width: 1250px) {
	#marketing-wrapper .screenshot {
		width: calc( 780% / 7 );
		padding-bottom: calc( 450% / 7 );
	}
}

@media screen and (max-width: 1150px) {
	#marketing-wrapper .screenshot {
		width: calc( 780% / 6.4 );
		padding-bottom: calc( 450% / 6.4 );
	}

	#clients {
		width: calc( 100% - 120px );
	}
}

@media screen and (max-width: 1100px) {
	body{
		font-size: 17px;
	}

	#thinking-wrapper h3{
		font-size: 58px;
	}

	.home h1 {
		font-size: 32px;
	}

	.home h2 {
		font-size: 58px;
	}

	.home h3 {
	    margin-bottom: 30px;
	}

	.home h4 {
		font-size: 28px;
	}

	#thinking-wrapper {
	    padding-top: 140px;
	}

	#thinking-wrapper .first-p {
		font-size: 18px;
		line-height: 1.6em;
	}

	#design-wrapper .button-link,
	#marketing-wrapper .button-link,
	.button-link{
		font-size: 12px;
	}

	#design-wrapper {
		padding-top: 140px;
	}

	#design {
	    width: calc( 100% - 120px );
	}

	#design-wrapper .hp-content-text, #marketing-wrapper .hp-content-text {
	     width: 50%;
	}

	#design-wrapper .pcscreen-1 {
		width: 25.02%;
		padding-bottom: calc( 25.02% * 0.806 );
	}

	#design-wrapper .pcscreen-2 {
		width: 20.79%;
		padding-bottom: calc( 20.79% * 0.82 );
	}

	#design-wrapper .pcscreen-3 {
		width: 19.26%;
		padding-bottom: calc( 19.26% * 0.792 );
	}

	.button-link {
	    line-height: 57px;
	    width: 256px;
	    height: 57px;
	}

	#marketing-wrapper {
	    padding-top: 105px;
	}

	#design-wrapper .button-link,
	#marketing-wrapper .button-link {
	    margin-top: 66px;
	}

	#marketing-wrapper {
		padding-bottom: 110px;
	}

	#marketing-wrapper .screenshot {
		width: calc( 780% / 6 );
		padding-bottom: calc( 450% / 6 );
	}

	#marketing-wrapper .hp-content-image-wrapper {
		left: 0;
	}

	#marketing-wrapper .screenshot-1 {
		/*left: calc( 335% / 11 );*/
		left: 0;
		top: 240px;
	}

	#marketing-wrapper .screenshot-2 {
		/*left: calc( 205% / 11 );*/
		left: 0;
		top: 190px;
	}

	#marketing-wrapper .screenshot-3 {
		/*left:calc(  75% / 11 );*/
		left: 0;
		top: 140px;
	}

	#clients-wrapper {
		padding-bottom: 95px;
	}
}

@media screen and (max-width: 1050px) {
	#marketing-wrapper .screenshot {
		width: calc( 780% / 5 );
		padding-bottom: calc( 450% / 5 );
	}

	#marketing-wrapper .hp-content-image-wrapper {
		left: -50px;
	}

	#clients {
		width: calc( 100% - 80px );
	}
}

@media screen and (max-width: 1000px) {
	.clients__slider {
	    width: 704px;
	}
}

@media screen and (max-width: 959px) {
	body{
		font-size: 16px;
	}

	#thinking-wrapper {
	    padding-top: 120px;
	}

	.home h1 {
		font-size: 30px;
		margin-bottom: 11px;
	}

	#thinking-wrapper h3{
		font-size: 52px;
	}

	.home h2 {
		font-size: 52px;
	}

	.home h4 {
		font-size: 27px;
	}

	.home h5 {
		font-size: 49px;
	}

	#thinking-wrapper .first-p {
		font-size: 17px;
	    max-width: calc( 100% - 100px );
	}

	#design-wrapper .button-link,
	#marketing-wrapper .button-link,
	.button-link{
		font-size: 11px;
	}

	#design-wrapper {
	    padding-top: 106px;
	}

	#design-wrapper .pcscreen-1 {
		width: 45.036%;
		padding-bottom: calc( 45.036% * 0.806 );
		right: 0px;
		top: 200px;
	}

	#design-wrapper .pcscreen-2 {
		width: 37.422%;
		padding-bottom: calc( 37.422% * 0.82 );
		right: 10px;
		top: 100px;
	}

	#design-wrapper .pcscreen-3 {
		width: 34.668%;
		padding-bottom: calc( 34.668% * 0.792 );
		right: 20px;
		top: 0;
	}


	#design-wrapper p, #marketing-wrapper p {
	    padding-bottom: 25px;
	}

	#marketing-wrapper {
	    padding-top: 83px;
	}

	#marketing-wrapper .screenshot {
		width: calc( 780% / 3.5 );
		padding-bottom: calc( 450% / 3.5 );
	}

	#marketing-wrapper .hp-content-image-wrapper {
		left: -90px;
	}

	#clients-wrapper {
		padding-top: 18px;
		padding-bottom: 65px;
	}

	#clients-wrapper h5 {
	    margin-bottom: 10px;
	}

}

@media screen and (max-width: 935px) {
	#marketing-wrapper .screenshot {
		width: calc( 325px);
		padding-bottom: calc( 187.5px);
	}
}

@media screen and (max-width: 800px) {
	.home h1 {
		font-size: 25px;
	}

	.home h4 {
		font-size: 25px;
	}

	#thinking-wrapper {
	    padding-top: 110px;
	}

	#design-wrapper p, #marketing-wrapper p {
	    padding-bottom: 15px;
	}

	#design-wrapper .hp-content-image-wrapper,
	#marketing-wrapper .hp-content-image-wrapper {
		position: relative;
		left: 0;
		width: 100%;
	}

	#design-wrapper .button-link, #marketing-wrapper .button-link {
	    margin-top: 54px;
	}

	#design-wrapper .hp-content-text,
	#marketing-wrapper .hp-content-text {
		width: 100%;
		left: 0;
	}

	#design-wrapper .hp-content-image-wrapper {
	    height: 0;
	    padding-bottom: 60%;
	}

	#design-wrapper .pcscreen-1 {
		width: 50.04%;
		padding-bottom: calc( 50.04% * 0.806 );
		right: 49%;
		top: 0;
	}

	#design-wrapper .pcscreen-2 {
		width: 41.58%;
		padding-bottom: calc( 41.58% * 0.82 );
		right: 24%;
		top: 1vw;
	}

	#design-wrapper .pcscreen-3 {
		width: 38.52%;
		padding-bottom: calc( 38.52% * 0.792 );
		right: 1%;
		top: 2vw;
	}

	#marketing-wrapper .screenshot {
		width: 445px;
		padding-bottom: 254px;
	}

	#marketing-wrapper .screenshot-1 {
		left: calc( 50% - 223px );
		top: 160px;
	}

	#marketing-wrapper .screenshot-2 {
		left: calc( 50% - 223px );
		top: 120px;
	}

	#marketing-wrapper .screenshot-3 {
		left: calc( 50% - 223px );
		top: 80px;
	}

	#marketing-wrapper .hp-content-image-wrapper {
		height: 345px;
	}

	#marketing {
	    width: calc( 100% - 120px );
	}

	#marketing-wrapper {
	    padding-bottom: 87px;
	}

	.clients__slider {
	    width: 528px;
	}
}

@media screen and (max-width: 620px) {

	.clients__slider {
	    width: 422px;
	}

	#clients .client {
	    height: 70px;
	    width: 139px;
	}
}

@media screen and (max-width: 600px) {
	.home h5 {
		font-size: 45px;
	}

	#thinking-wrapper .first-p,
	#design,
	#marketing {
	    width: calc( 100% - 90px );
	    max-width: calc( 100% - 90px );
	}
}


@media screen and (max-width: 550px) {

	#marketing-wrapper .screenshot {
		width: 300px;
		padding-bottom: 171px;
	}

	#marketing-wrapper .screenshot-1 {
		left: calc( 50% - 150px );
		top: 160px;
	}

	#marketing-wrapper .screenshot-2 {
		left: calc( 50% - 150px );
		top: 120px;
	}

	#marketing-wrapper .screenshot-3 {
		left: calc( 50% - 150px );
		top: 80px;
	}

	#marketing-wrapper .hp-content-image-wrapper {
		height: 345px;
		top: 0;
		margin-top: -100px;
		margin-bottom: 20px;
	}

	#marketing {
	    width: calc( 100% - 120px );
	}

}

@media screen and (max-width: 510px) {
	#clients {
		width: 100%;
	}

	.clients__slider {
	    width: 317px;
	}

	#clients .client {
	    height: 52px;
	    width: 104px;
	}

	.home h5 {
		font-size: 40px;
	}
}

@media screen and (max-width: 400px) {
	#thinking-wrapper h3{
		font-size: 42px;
	}

	.home h1 {
		font-size: 24px;
	}

	.home h2 {
		font-size: 42px;
	}


	#thinking-wrapper .first-p,
	#design,
	#marketing {
	    max-width: calc( 100% - 52px );
	    width: calc( 100% - 52px );
	}

	#design-wrapper {
	    padding-top: 84px;
	}
}







/*------------------------------*\
		mobile only css
\*------------------------------*/

	.home-is-mobile #main-wrapper,
	.home-is-mobile footer{top:0}
	.home-is-mobile #header-wrapper{position: relative}
	.home-is-mobile #header-placeholder{display: none;}
  .home-is-mobile #main-wrapper{top: 0;}
  .home-is-mobile #nav-wrapper{position: fixed;}
  .home-is-mobile #header nav { position: fixed; height: 76px; background-color: black; width: 100%; z-index: 500;}
	.home-is-mobile.home #nav-man{position: relative; display: inline-block; top: 11px; margin: 0 auto;  width: 26px; height: 48px;
		background-image: url("images/sprite-sheet-home.png"); background-size: 547px 306px;
		background-position: -199px -94px;
		background-repeat: no-repeat; z-index: 300; opacity: 0;}

  .home-is-mobile #header nav #prev-page-button,
  .home-is-mobile #header nav #next-page-button,
  .home-is-mobile #header nav #menu-toggle{margin-top: 0}

  .home-is-mobile #header-wrapper{min-height: 250px	}

@media screen and (min-width: 801px) {
	.home-is-mobile #header nav a {color: white;}
	.home-is-mobile.home #nav-man{top: -14px; left: -1px}

}

/*----------------------------------------*\
		screen resolution under 1077px
\*----------------------------------------*/

@media screen and (max-width: 1076px) {
#header-text{font-size: 43px;}
}

@media screen and (max-width: 950px) {
	#logo-wrapper{width: 70%;}
}

@media screen and (max-width: 845px) {
	.content{max-width: 96%}
	#header-text {font-size: 34px;}

}

@media screen and (max-width: 800px) {
	.content{width: 90%;}

	#header-placeholder{display: none;}

  #header-wrapper{position: relative;}
  #nav-wrapper{position: fixed;}


  #header nav { position: fixed; height: 76px; background-color: black; width: 100%; z-index: 500;}
  #header nav ul{position: relative; top: 22px; padding: 0; margin: 0;}
  	#header nav li {list-style-type: none; display: inline-block; font: 600 19px 'Source Sans Pro', sans-serif; text-transform: uppercase; margin: 0 0 0 25px; padding: 0}
  #header nav .nav-home {margin-left: 1.5em}
  #header nav .nav-wm {margin-right: 1em}
  #header nav .nav-dm {margin-left: 3.2em}
  	#header nav a{text-decoration: none; color: white; margin: 0; padding: 0; transition: color 0.2s}
  	#header nav a:hover{color: #dcddde; transition: color 0.2s}
  		.home #nav-man{position: relative; display: inline-block; top: 11px; margin: 0 auto;  width: 26px; height: 48px;
		background-image: url("images/sprite-sheet-home.png"); background-size: 547px 306px;
		background-position: -199px -94px;
		background-repeat: no-repeat; z-index: 300; opacity: 0;}
			#header nav .sub-menu{display: none;}

			.home #site-navigation.toggled #nav-man {
				opacity: 1 !important;
			}

	#header nav #prev-page-button, #header nav #next-page-button, #header nav #menu-toggle{margin-top: 0}
}

@media screen and (max-width: 650px) {
	#header-text {font-size: 25px;}
	#logo-wrapper{width: 80%;}
}

@media screen and (max-width: 500px) {
	#header-text {font-size: 23px;}
	.content{width: 95%;}
  	#scroll-down-arrow{width: 59px; height: 35px; background-size: 410px 230px;}
}

@media screen and (max-width: 400px) {
	#header-text {font-size: 21px;}
}

@media screen and (max-width: 370px) {
	#logo-wrapper{width: 85%;}
}

@media screen and (max-width: 320px) {
	body, #header-wrapper{width: 320px}
  .content{max-width: 100%; width: 100%; }
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi){ /* 1.5 dpr */
	.h2-icon{background-image: url("images/sprite-sheet-home-2x.png");}
	#scroll-down-arrow{background-image: url("images/sprite-sheet-home-2x.png");}
	.blog-item-top .icon{background-image: url("images/sprite-sheet-home-2x.png");}
	#social-icons a{background-image: url("images/sprite-sheet-home-2x.png");}
	footer .icon{background-image: url("images/sprite-sheet-home-2x.png");}
	.icon-col a{background-image: url("images/sprite-sheet-home-2x.png");}
	#web-mobile-icon{background-image: url("images/home/web-mobile-icon-2x.png");}
	#digital-marketing-icon{background-image: url("images/home/digital-marketing-icon-2x.png");}
	#traffic-ico{background-image: url("images/home/more-traffic-2x.png"); }
	#leads-ico{background-image: url("images/home/more-leads-2x.png"); }
	#sales-ico{background-image: url("images/home/more-sales-2x.png"); }
	.blog-item{background-image: url("images/blog-post-2x.png");}
	.home-is-mobile.home #nav-man,
	.home #nav-man{background-image: url("images/sprite-sheet-home-2x.png");}
}

@media (-webkit-min-device-pixel-ratio: 2.5), (min-resolution: 240dpi){ /* 2.5 dpr */
	.h2-icon{background-image: url("images/sprite-sheet-home-3x.png");}
	#scroll-down-arrow{background-image: url("images/sprite-sheet-home-3x.png");}
	.blog-item-top .icon{background-image: url("images/sprite-sheet-home-3x.png");}
	#social-icons a{background-image: url("images/sprite-sheet-home-3x.png");}
	footer .icon{background-image: url("images/sprite-sheet-home-3x.png");}
	.icon-col a{background-image: url("images/sprite-sheet-home-3x.png");}
	#web-mobile-icon{background-image: url("images/home/web-mobile-icon-3x.png");}
	#digital-marketing-icon{background-image: url("images/home/digital-marketing-icon-3x.png");}
	#traffic-ico{background-image: url("images/home/more-traffic-3x.png"); }
	#leads-ico{background-image: url("images/home/more-leads-3x.png"); }
	#sales-ico{background-image: url("images/home/more-sales-3x.png"); }
	.blog-item{background-image: url("images/blog-post-3x.png");}
	.home-is-mobile.home #nav-man,
	.home #nav-man{background-image: url("images/sprite-sheet-home-3x.png");}
}

.logo-bg.bg-image-l{background-image: url('images/home/new-logo/damn-good-logo.png');}
.logo-bg.bg-image-m{background-image: url('images/home/new-logo/damn-good-logo-m.png');}
.logo-bg.bg-image-s{background-image: url('images/home/new-logo/damn-good-logo-s.png');}
.logo-bg.bg-image-xs{background-image: url('images/home/new-logo/damn-good-logo-xs.png');}

/*.logo-bg.bg-image-m{background-image: url('images/home/new-logo/damn-good-logo.png');}*/



.home-is-mobile .logo-bg.bg-image-l{background-image: url('images/home/new-logo/damn-good-logo-mob.png');}
.home-is-mobile .logo-bg.bg-image-m{background-image: url('images/home/new-logo/damn-good-logo-mob-m.png');}
.home-is-mobile .logo-bg.bg-image-s{background-image: url('images/home/new-logo/damn-good-logo-mob-s.png');}
.home-is-mobile .logo-bg.bg-image-xs{background-image: url('images/home/new-logo/damn-good-logo-mob-xs.png');}
.home-is-mobile #logo-man, .home-is-mobile #eye-lyds{display: none;}
.home-is-mobile #header-wrapper, .home-is-mobile #logo-man{background-image: none;}

span.cursor {
  border-right: .05em solid;
  animation: caret 1s steps(1) infinite;
}

@keyframes caret {
  50% {
    border-color: transparent;
  }
}

@media screen and (min-width: 1000px) {
	#header #nav-wrapper-desktop ul#main_desktop_menu {
		outline: none !important;
	}

	#header #nav-wrapper-desktop ul#main_desktop_menu .sub-menu{
		display: none !important;
	}

	#header #main_desktop_menu > li:hover > a::before {
		content: none !important;
	}

	#header #main_desktop_menu > li.menu-item-has-children > a::after {
    	width: calc( 100% - 10px ) !important;
    	left: 7px !important;
	}

	#header #nav-wrapper-desktop ul#main_desktop_menu,
	#header #nav-wrapper-desktop #main_desktop_menu:before,
	#header #nav-wrapper-desktop .sub-menu {
		background: none !important;
	}

	#header #nav-wrapper-desktop .sub-menu {
		top: -70px !important;
		opacity: 0;
		transition: top 0.3s, opacity 0.3s;
	}

	#header #nav-wrapper-desktop li:hover .sub-menu{
		opacity: 1;
	}

	#site-navigation-desktop {
		height: 76px;
	}

	.home #header #main_desktop_menu > li.nav-man {
		width: 0px;
		overflow: hidden;
		height: 46px;
		padding: 0;
		margin: 0;
		transition: margin 0.3s;
	}

	.home #header #nav-wrapper-desktop.logo-in-place #main_desktop_menu > li.nav-man{
		margin-left: 35px;
		margin-right: 35px;
	}

	.home #logo {
		margin-top: -19px;
	}

	#header #main_desktop_menu li a:hover{
		color: #dc72fb !important;
	}

	#header #main_desktop_menu li a{
		color: #000 !important;
	}
}

.home #header #nav-wrapper-desktop.logo-in-place #main_desktop_menu > li.nav-man {
	top: 0;
	top: 20px;
	left: 5px;
	width: 30px;
	padding-top: 10px;
	height: 56px;
	margin-top: -10px;
}

.home #header #nav-wrapper-desktop.logo-in-place #main_desktop_menu > li.nav-man a{
	top: 0;
	position: absolute;
	left: -2px;
	height: 100%;
	width: 100%;
	background: none !important;
}


@media screen and (min-width: 1000px) and (max-width: 1200px) {
	.home #header #nav-wrapper-desktop.logo-in-place #main_desktop_menu > li.nav-man {
		left: 9px;
	}
}
/*
body.page-home #header-placeholder {
	background-color: #000;
}
*/
body.page-home {
	background-color: #000;
}

@media (max-width: 450px) {
	#thinking-wrapper h3 {
		font-size: 48px;
	}
}

@media (max-width: 405px) {
	#thinking-wrapper h3 {
		font-size: 42px;
	}
}

@media (max-width: 360px) {
	#thinking-wrapper h3 {
		font-size: 38px;
	}
}

@media (max-width: 768px) {
	#marketing-wrapper {
		overflow: hidden;
	}
}

#logo{
	padding-bottom: 40.07%;
}

#eye-lids{
	width: 7.3%;
	top: 41%;
	left: 46%;
}

#logo.logo-man-header {
	padding-bottom: 35%;
	margin-top: -15px;
}

@media (min-width: 1200px) {
	#header #nav-wrapper-desktop ul#main_desktop_menu {
		padding-left: 10px;
	}
}

#logo-wrapper{
	padding-bottom: 15%;
}

@media (max-width: 1199px) {
	#logo-wrapper{
		padding-bottom: 29%;
	}
}

@media (min-width: 1600px) {
	#header-text {
		font-size: 30px;
	}
}

@media (min-width: 1200px) and (max-width: 1399px) {
	#header-text {
		font-size: 20px;
	}
}

@media (min-width: 1400px) and (max-width: 1599px) {
	#header-text {
		font-size: 25px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	#header-text {
		font-size: 18px;
	}
}

@media (min-width: 1000px) and (max-width: 1199px) {
	#header-text {
		font-size: 30px;
	}
	#logo-wrapper{
		padding-bottom: 23%;
	}
}

@media (max-width: 800px) {
	#header nav {
		top: 0;
	}
}


@media (max-width: 863px) {
	#logo-wrapper #logo {
		margin-left: 0;
	}
}