/* Table of Content
==================================================
	#Temporary Styles
	#Site Styles
		#H2 styles for homepage
		#H3 styles for homepage
		#Super-header Nav
		#Header
		#Scroll-Then-Sticky-Header
		#Sticky-Header Container
		#Main Logo
		#Main-Nav
		#Parallax Sections
			#General Parallax Styles
			#Parallax - How It Works
			#Parallax - Tell Your Story
			#Parallax - 360 Storytelling Icon
			#Parallax - 360 Storytelling 1st Part
			#Parallax - 360 Storytelling 2nd Part
			#Parallax - Tools
			#Parallax - Services
			#Parallax - Sales
			#Sales Contact Form
		#Footer
		#Sub-Footer
		#Social-Media-Nav
	#Page Styles
	#Media Queries
*/





/* Base Styles
=============================== */
.columns {
	padding-bottom: 75px;
}

.quote-text-column {
	padding-bottom: 65px;
}

.columns:last-child {
	padding-bottom: 0px;
}

section.information .column, .columns {
	margin-left: 0px;
}

.margin-center,
.columns.margin-center {
	display: block;
	margin: 0px auto;
	float: none;
}

.fade-in {
	opacity: 0;
}

@media (max-width: 768px) {
	.fade-in {
	opacity: 1 !important;
	}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
	.fade-in {
	opacity: 1 !important;
	}
}

.clear {
	clear: both;
}

.stronger {
	font-family: "poppins", sans-serif;
	font-weight: 800;
}

.row-content {
	padding: 75px 0px;
	/*min-height: calc(100vh - 520px);*/
}

.center-text {
	text-align: center;
}


em.skills {

	/*font-size: 0.85em;*/
	font-style: normal;
	word-spacing: 3px;
	color: #f08077;
	/*font-weight: 400;*/
	/*color: #f08077;*/
	/*text-transform: uppercase;*/
}




h2 {
	font-family: "poppins", sans-serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
	font-size: 3.8rem;
	letter-spacing: -.05rem;
}


@media (max-width: 767px) {
	
}
/* iPad Portrait
------------------ */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait)and (-webkit-min-device-pixel-ratio: 2) {
	h2 {
		font-size: 4.3rem;
	}
}
/* iPad Landscape
------------------ */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
	h2 {
		font-size: 4rem;
	}
}






strong {
	font-weight: 500;
}

em {
	font-style: italic;
}



.container p:last-child {
	margin-bottom: 0px;
}











h4 {
	font-family: "Montserrat", sans-serif;
  	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	font-size: 3rem;
	line-height: 1.2;
	letter-spacing: -0.06rem;
	color: #6E735A;
}
@media (max-width: 767px) {

}
/* iPad Portrait
------------------ */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait)and (-webkit-min-device-pixel-ratio: 2) {
	h4 {
		font-size: 2.8rem;
	}
}
/* iPad Landscape
------------------ */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
	h4 {
		font-size: 2.8rem;
	}
}







section.parallax .quote-content{
	background: url("../images/work-headline_bckrd.png") fixed repeat;
	height: 100%;
	
	background-position: center 20px;
	background-size: cover;
	
	/* transitions for window resize */
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}





section.quote {
	height: 50vh;
}




h2.quote-text {
	font-family: "poppins", sans-serif;
  	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
	font-size: 8.9rem;
	
	
	line-height: 0.9;
	letter-spacing: -5px;
	word-spacing: 1rem;
	margin-bottom: 0px;
	
	padding-bottom: 0%;
	
	color: #6E735A;
}

@media (max-width: 549px) {
	h2.quote-text {
		font-size: 9.1rem;

		line-height: 0.9;
		letter-spacing: -5px;
		word-spacing: 1rem;
		margin-bottom: 0px;
	}	
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	h4.quote {
	font-size: 3.1rem;
	}
}
/*
@media only screen and (max-width: 767px) {
	h4.quote {
	font-size: 3.1rem;
	}
}
*/

@media (max-width: 768px) {
	h4.quote {
	font-size: 2.8rem;
	}
}






.portfolio-text-column {
	padding-bottom: 55px;
}

.portfolio-text-column,
.portfolio-text-column p {
	text-align: center;
	margin: 0px auto !important;
	display: block;
	float: none;
}

h2.portfolio-text {
	font-family: "poppins", sans-serif;
  	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
	font-size: 5.9rem;

	line-height: 1.0;
	letter-spacing: -1px;
	margin-bottom: 0px;
	color: #FFFFFF;
}




h4.quote-text {
	font-family: "poppins", sans-serif;
  	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
	font-size: 5.0rem;
	line-height: 1.4;
	letter-spacing: -0.2;
	margin-bottom: 0px;
	color: #FFFFFF;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	h4.quote {
	font-size: 3.1rem;
	}
}
/*
@media only screen and (max-width: 767px) {
	h4.quote {
	font-size: 3.1rem;
	}
}
*/

@media (max-width: 768px) {
	h4.quote {
	font-size: 2.8rem;
	}
}



































/* #Header
=============================== */
body {
	font-family: "Montserrat", sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 1.8em;
	
	letter-spacing: -0.02rem;
	
	color: #414042;
	height:100%;
}


/* #Header
=============================== */
header.main-header {
	background: none;
	z-index:10;
	top: 0px;
}

header#sticky-header {
	width: 100%;
	position: fixed;
}

/* Larger than mobile */
@media (min-width: 400px) {
}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {
	header#sticky-header {
		
	}
}

/* Larger than tablet */
@media (min-width: 768px) {
}

/* Larger than desktop */
@media (min-width: 1000px) {
}

/* Larger than Desktop HD */
@media (min-width: 1200px) {
}



.main-header .columns {
	padding: 0px 25px;
}






/* #Scroll-Then-Sticky-Header
================================================== */
@media (min-width: 550px) {
	body.inside-page .main-logo {
		float: left;
		margin: 0px auto 0px !important;
		width: 157px;
	}
}

header#sticky-header.fixed-header,
body.inside-page.fixed-header {
	background: rgba(255, 255, 255, 0.0);
	padding-bottom: 1rem;
	
	/* transitions for window resize */
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	
}

header#sticky-header.fixed-header .main-logo,
body.inside-page .main-logo {
	top: 0px; 
	left: 24px;
	height: 79px;
	width: 89px;
	
	position: absolute;
	z-index: 1;
	
	float: none;
	margin: 0 auto;
	
	transition: top 0.5s ease;
	-webkit-transition: top 0.5s ease;
}

/*
header#sticky-header.fixed-header .main-logo,
body.inside-page .main-logo {
	top: 0px; 
	left: 0px;
	height: 79px;
	width: 157px;
	transition: top 0.5s ease;
	-webkit-transition: top 0.5s ease;
	float: none;
	margin: 0 auto;
}
*/



/*
@media (max-width: 767px) {
	header#sticky-header.fixed-header .main-logo,
	body.inside-page .main-logo {
		height: 50px;
	}
}


/* Larger than phablet (also point when grid becomes active) */
/*
@media (min-width: 550px) {
	header#sticky-header.fixed-header .main-logo,
	body.inside-page .main-logo {
		
		width: 157px;
		overflow: hidden;
		
		display: block;
		padding: 0;
		
		text-align: center;
		float: none;
	}
}
*/
/* Larger than phablet (also point when grid becomes active) */
/*
@media (max-width: 550px) {
	header#sticky-header.fixed-header .main-logo,
	body.inside-page .main-logo {
		height: 50px;
		width: 157px;
		overflow: hidden;
		
		display: block;
		padding: 0;
		
		text-align: center;
		
		position: absolute;
		z-index: -1;
	}
}
*/

/* Larger than tablet */
/*
@media (min-width: 768px) {
	header#sticky-header.fixed-header .main-logo,
	body.inside-page .main-logo {
		overflow: hidden;
		float: left;
		width: 157px;
	}
}

@media (max-width: 767px) {
	header#sticky-header.fixed-header .main-logo,
	body.inside-page .main-logo {
		position: absolute;
		z-index: 1;
		left: 24px;
		width: 89px;
	}
}
*/






/* #Main Logo
=============================== */
.main-logo {
	display: block;
	position: relative;

	float: left;
	top: -80px;
	
	overflow: hidden;
		
	padding: 0;
	text-align: center;
	width: 89px;
   	margin: -102px auto 0px;
	
	transition: top 0.5s ease, margin-top 0.5s ease;
	-webkit-transition: top 0.5s ease, margin-top 0.5s ease;
}


/*
.main-logo {
	display: block;
	position: relative;
	width: initial;
	float: left;
	top: -80px;
	
	transition: top 0.5s ease, margin-top 0.5s ease;
	-webkit-transition: top 0.5s ease, margin-top 0.5s ease;
}
*/

/* Larger than phablet (also point when grid becomes active) */
/*
@media (max-width: 550px) {
	.main-logo{
		position: absolute;
		z-index: 1;
		left: 25px;
    	width: 89px;
	}
}
*/

/* Larger than phablet (also point when grid becomes active) */
/*
@media (min-width: 550px) {
	.main-logo {
		overflow: hidden;
		display: block;
		padding: 0;
		text-align: center;
		width: 89px;
		float: left;
   		margin: -102px auto 0px;
	}
}
*/

/* Larger than tablet */
/*
@media (min-width: 768px) {
	.main-logo {
		overflow: hidden;
		float: left;
		width: 157px;
	}
}
*/
/* Larger than tablet */
/*
@media (max-width: 768px) {
	.main-logo,
	body.inside-page .main-logo {
		overflow: hidden;
		float: left;
		width: 89px;
	}
}
*/








@media (min-width: 550px) {
  h1 { 
	font-size: 4.0rem; 
	height: inherit;
	margin: 0px;
	}
}

.main-logo h1 a {
	display: block;
	padding: 10px 0px 0px 0px;
}










/* #Main-Nav
=============================== */
nav#main-nav {
	width: initial;
	height: 50px;
	float: right;
	
	mix-blend-mode: difference;
	z-index: 1;
}

	@media only screen and (min-width: 400px) and (max-width: 549px) {
		nav#main-nav li:first-child {
			display: none;
		}
		
		nav#main-nav li:last-child {
			margin-right: 0px;
		}
	}
	 @media only screen and (min-width: 768px) and (max-width: 959px) {
		nav#main-nav {
			float: right;
		}
	
		header#sticky-header.fixed-header nav#main-nav {
			float: right;
		}
	}
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		nav#main-nav {
			width: initial;
			height: 190px;
			float: none;
			margin: 0px auto;
		}
		
		nav#main-nav .menu li:first-child {
			display: none;
		}
		nav#main-nav li:last-child {
			margin-right: 0px;
		}
	}	
	@media only screen and (max-width: 767px) {
		nav#main-nav {
			width: initial;
			height: 50px;
			margin: 0px auto;
		}
		
		nav#main-nav li:first-child {
			display: none;
		}
		nav#main-nav li:last-child {
			margin-right: 0px;
		}
	}






nav#main-nav ul { 
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
	list-style-type: none;
	margin: 0 auto;
	padding-left:0;
	text-align:right;
	max-width: 100%;
}
	 @media only screen and (min-width: 768px) and (max-width: 959px) {
		nav#main-nav ul {
			 width: 365px;
		}
	}



nav#main-nav ul li {
	display: inline-block; 
	line-height: 20px;
	margin: 20px 10px;
	
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	nav#main-nav ul li {
		display: inline-block;
		line-height: 32px;
		text-align: center;
	}
}
@media only screen and (max-width: 767px) {
	nav#main-nav ul li {
		margin: 20px 5px 10px 5px;
		display: inline-block;
		line-height: 20px;
		text-align: center;
		
	}
}






nav#main-nav ul li::after { 
    margin: 0px 6px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	nav#main-nav ul li::after { 
		margin: 0px;
	}
}
@media only screen and (max-width: 767px) {
	nav#main-nav ul li::after { 
		margin: 0px;
	}
}






nav#main-nav ul li:last-of-type::after { 
    content: "";
    margin: 0px;
}

nav#main-nav ul li a:link,
nav#main-nav ul li a:visited {
  color: #6E735A;
  text-decoration: none;
  display: block;
  width: 100%;
	
	font-weight: 400;
	letter-spacing: .1rem;
	
	z-index: 2;
}

nav#main-nav ul li a:hover {
	border-bottom: 1px solid #f08077;
}

nav#main-nav ul li a.nav-active {
	color: #f08077;
}











/* Media Queries
----------------- */

@media all and (max-width : 768px) {

  



}



















/* #Parallax Sections
================================================== */

/* #General Parallax Styles
=============================== */
section.parallax .parallax-image-foreground,
section.parallax .parallax-image-background {
	background-position: top center;
    background-size: cover;
}

section.parallax .parallax-image-foreground {
    background-attachment: scroll;
}

section.parallax .parallax-image-background {
    background-attachment: fixed;
    /*
    -moz-box-shadow:    inset  0  8px 8px -8px #6C6C6C, 
                        inset  0 -8px 8px -8px #6C6C6C;
    -webkit-box-shadow: inset  0  8px 8px -8px #6C6C6C, 
                        inset  0 -8px 8px -8px #6C6C6C;
     box-shadow:        inset  0  8px 8px -8px #6C6C6C, 
                        inset  0 -8px 8px -8px #6C6C6C;
    */
}







/* #Parallax - .logo_frontpage
=============================== */
section.parallax .logo_frontpage {
	background: url("../images/hc_portrait_bckrd.png") fixed repeat;
	height: 115vh;
	
	background-position: top;
	background-size: cover;
	

}

@media (max-width: 549px) {
	section.parallax .logo_frontpage {
		background: url("../images/hc_portrait_bckrd_mobile.png") fixed repeat;
		height: 90vh;
		
		background-position: top;
		background-size: cover;
		background-attachment: scroll !important;
	}
}
@media only screen and (min-width: 550px) and (max-width: 768px) {
	section.parallax .logo_frontpage {
		background: url("../images/hc_portrait_bckrd.png") fixed repeat;
		height: 115vh;
	
		background-position: top;
		background-size: cover;
	}
}

/* iPhone Landscape
------------------ */

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
	section.parallax .logo_frontpage {
		background: url("../images/hc_portrait_bckrd.png") fixed repeat;
		height: 80vh;
	
		background-position: top;
		background-size: cover;
		background-attachment: scroll !important;
	}
}

/* iPad Landscape
------------------ */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
	section.parallax .logo_frontpage {
		background: url("../images/hc_portrait_bckrd.png") fixed repeat;
		height: 115vh;
	
		background-position: top;
		background-size: cover;


	}
}








section.parallax .about,
footer.parallax .foot {
	background: url("../images/logo_frontpage-headline_bckrd.png") fixed repeat;
	height: auto;
	
	background-position: top;
	background-size: cover;
	
	/* transitions for window resize */
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}

@media (max-width: 549px) {
	section.parallax .about,
	footer.parallax .foot  {
		height: auto;
		
		background-position: top;
		background-size: 400%;

		/* transitions for window resize */
		transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
		
		/* Styles to disable parallax on mobile */
		background: url("../images/logo_frontpage-headline_bckrd.png") fixed repeat;
		background-attachment: scroll; /* Change to scroll for static background */
   	 	transform: none !important; /* Remove any transform properties if used for parallax */
	}
}

@media only screen and (min-width: 550px) and (max-width: 768px) {
	section.parallax .about,
	footer.parallax .foot  {
		background: url("../images/logo_frontpage-headline_bckrd.png") fixed repeat;
		height: auto;
	
		background-position: top;
		background-size: cover;

	
		/* transitions for window resize */
		transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
	}
}


/* iPhone Landscape
------------------ */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
	section.parallax .about,
	footer.parallax .foot  {
		height: auto;
	
		background-position: center -10px;
		background-size: 130%;

	
		/* transitions for window resize */
		transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
		
		/* Styles to disable parallax on mobile */
		background: url("../images/logo_frontpage-headline_bckrd.png") fixed repeat;
		background-attachment: scroll; /* Change to scroll for static background */
   	 	transform: none !important; /* Remove any transform properties if used for parallax */
	}
}

/* iPad Landscape
------------------ */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
	section.parallax .about,
	footer.parallax .foot  {
		background: url("../images/logo_frontpage-headline_bckrd.png") fixed repeat;
		height: auto;
	
		background-position: top;
		background-size: cover;

	
		/* transitions for window resize */
		transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
	}
}


/*
section.parallax .about{
	background: url("../images/logo_frontpage-headline_bckrd_darkpink.png") fixed repeat;
	height: auto;
	
	background-position: center 20px;
	background-size: cover;
}

*/












section.parallax .portfolio {
	background: url("../images/work-headline_bckrd.png") fixed repeat;
	height: auto;
	
	background-position: top;
	background-size: cover;
	
	/* transitions for window resize */
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}

@media (max-width: 549px) {
	section.parallax .portfolio {
		height: auto;
		
		background-position: top;
		background-size: 400%;

		/* transitions for window resize */
		transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
		
		/* Styles to disable parallax on mobile */
		background: rgba(0, 0, 0, 0.9);
		background-attachment: scroll; /* Change to scroll for static background */
   	 	transform: none !important; /* Remove any transform properties if used for parallax */
	}
}

@media only screen and (min-width: 550px) and (max-width: 768px) {
	section.parallax .portfolio {
		background: url("../images/work-headline_bckrd.png") fixed repeat;
		height: auto;
	
		background-position: top;
		background-size: cover;

	
		/* transitions for window resize */
		transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
	}
}


/* iPhone Landscape
------------------ */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
	section.parallax .portfolio {
		height: auto;
	
		background-position: center -10px;
		background-size: 130%;

	
		/* transitions for window resize */
		transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
		
		/* Styles to disable parallax on mobile */
		background: rgba(0, 0, 0, 0.9);
		background-attachment: scroll; /* Change to scroll for static background */
   	 	transform: none !important; /* Remove any transform properties if used for parallax */
	}
}

/* iPad Landscape
------------------ */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
	section.parallax .portfolio {
		background: url("../images/work-headline_bckrd.png") fixed repeat;
		height: auto;
	
		background-position: top;
		background-size: 180%;

	
		/* transitions for window resize */
		transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
	}
}




@media (max-width: 549px) {
	.row.logo_frontpage_content {
		background: rgba(255, 255, 255, 0.9) !important;
		height: 90vh;
		background-position: top 521px !important;
		background-size: cover;
		background-attachment: scroll !important;
	}
}

.row.logo_frontpage_content {
	display: flex;
	align-items: center;
	justify-content: center;
	
	position: relative;
	top: 32%;
	/*transform: translateY(-67%);*/
	/*background: rgba(255, 255, 255, 0.9);*/
	
	background: url("../images/logo_frontpage-headline_bckrd.png") fixed repeat;
	/*height: auto;*/
	height: 22.5vh;
	background-position: top;
	
	background-size: cover;
	/*background-size: 244vh;*/
}

@media (max-width: 549px) {
	.row.logo_frontpage_content {
		top: 40%;
		height: 19.5vh;
	}
}

@media only screen and (min-width: 550px) and (max-width: 768px) {
	.row.logo_frontpage_content {
		top: 32%;
	}
}

/* iPhone Landscape
------------------ */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
	.row.logo_frontpage_content {
		top: 43%;
		background: rgba(255, 255, 255, 0.9) !important;
		background-position: center 255px !important;
		background-size: 202vh;
		background-attachment: scroll !important;
	}
}
/* iPad Landscape
------------------ */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
	.row.logo_frontpage_content {
		top: 32%;

	}
}









img.logo_frontpage_image {
	display: block;
	margin: 0px auto;
	height: 17vh;
	padding: 2.2% 0px;
}

@media (max-width: 549px) {
	img.logo_frontpage_image {
		height: 15vh;
		padding: 15px 0px;
	}
}
/* iPhone Landscape
------------------ */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
	img.logo_frontpage_image {
		height: 17vh;
		padding: 15px 0px;
	}
}
/* iPad Landscape
------------------ */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
	img.logo_frontpage_image {
		height: 17vh;
		padding: 25px 0px;
	}
}








/* About
=============================== */


section.about p:last-child {
	margin-bottom: 0px;
}

.three.columns.skill-icon {
	margin-left: 9%;
	text-align: center;
	
}

.skill-icon h5 {
	font-size: 18px;
	transform: scale(1,1);
	color: #9B9393;
}
















section.sizzle-reel {
	min-height: 400px;
	max-height: 450px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	
	background: url("../images/sizzlereel_showcase-1.gif") fixed repeat;
	background-size: cover;
	background-attachment: scroll;
	background-position: 50% 50%;
}

section.sizzle-reel a {
	width: 100%;
	height: 100%;	
}

section.sizzle-reel a img{
	display: block;
	max-width: 600px;
	width: 100%;	
	margin: 0 auto;
}


@media (min-width: 550px) {
	.grid figure,
	.grid .figure-link {
		min-width: 113px;
		
	}
}
@media (max-width: 549px) {
	section.sizzle-reel {
	max-height: 350px;
	}
}






/* #Parallax - Work
=============================== */

.portfolio-content {
	color: #FFF;
}











/*---------------*/
/***** Bubba - Gallery Styles *****/
/*---------------*/


.grid figure,
.grid .figure-link {
position: relative;
float: left;
overflow: hidden;
margin: 0.5% auto;
	
width: 49.5%;
min-width: 49.5%;
max-width: 480px;
max-height: 360px;

background: #3085a3;
text-align: center;
cursor: pointer;
}



/*
@media only screen and (min-width: 400px) and (max-width: 549px) {
	.grid figure,
	.grid .figure-link {
		min-width: 98%;
		width: 100%;
	}
}
*/

@media (min-width: 550px) {
	.grid figure,
	.grid .figure-link {
		min-width: 113px;
		
	}
}
@media (max-width: 549px) {
	.grid figure,
	.grid .figure-link {
		min-width: 98%;
		width: 100%;
	}
}






.grid figure.wide,
.grid .figure-link.wide {
opacity: 1;
max-width: 100%;
width: 100%;
margin: 0.5% auto;
}

@media (max-width: 549px) {
	
	.grid figure.wide,
	.grid .figure-link.wide {
		min-height: 360px;
	}
	
	.figure-link.effect-bubba.wide img {
		/* !important max-width meant to makesure smaller gallery items are responsive while preventing image shifting from max-width set in .figure-link.effect-bubba.wide img */
		max-width: initial !important;
    	max-height: initial;
		margin-left: -50%;
	}
	
	.figure-link.effect-bubba.wide.portfolio-tandemdiabetescare img {
		margin: 0% -15%;
	}
	
	.figure-link.effect-bubba.wide.portfolio-teamtandem img {
		margin: 0% -80%;
	}
	
	.figure-link.effect-bubba.wide.portfolio-mobicampaign img {
		margin: 0% -115%;
		height: 450px;
	}
	
	
	.figure-link.effect-bubba.wide.portfolio-memloom img {
		margin: 0% -87%;
	}
	
	.figure-link.effect-bubba.wide.portfolio-giriseofironcover img {
		margin: 0% -87%;
	}
	
	.figure-link.effect-bubba.wide.portfolio-freelance img {
		margin: 0% -37%;
		height: 400px;
	}
	
	.figure-link.effect-bubba.wide.portfolio-modernmacaroon img {
		margin-left: -95%;
	}

}



.grid .figure-link.left {
	float: left;
}

.grid .figure-link.right {
	float: right;
}







.grid figcaption,
.grid .figcaption {
position: absolute;
left: 0;
width: 100%;
/*height: 100%;*/
top: 50%;
transform: translateY(-50%); /* Adjusts for the child's own height */
}

.grid figure figcaption > a,
.grid .figure-link .figcaption > a {
z-index: 1000;
text-indent: 200%;
white-space: nowrap;
font-size: 0;
opacity: 0;
}



/* #Gallery Tint
=============================== */
figure.effect-bubba,
.figure-link.effect-bubba {
	background: #b2573d;

}

figure.effect-bubba img,
.figure-link.effect-bubba img,
.figure-link.effect-bubba.wide img  {
	opacity: 1;
	-webkit-transition: opacity 0.15s;
	transition: opacity 0.15s;
	
	/* Keeps gallery items to scale on browser resize and pictures centered */
	width: initial;
	max-width: 106%;
    max-height: 100%;
    vertical-align: middle;
}

figure.effect-bubba:hover img,
.figure-link.effect-bubba:hover img {
	opacity: 0.12;
	filter: blur(4px); /* Applies a 5-pixel blur radius */
	
}







figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after,
.figure-link.effect-bubba .figcaption::before,
.figure-link.effect-bubba .figcaption::after {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	opacity: 0;
	/*
	-webkit-transition: opacity 0.15s, -webkit-transform 0.15s;
	transition: opacity 0.15s, transform 0.15s;
	*/
}

figure.effect-bubba figcaption::before,
.figure-link.effect-bubba .figcaption::before {
	/*
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
	*/
}

figure.effect-bubba figcaption::after,
.figure-link.effect-bubba .figcaption::after {
	/*
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
	*/
}




/* #Gallery Titles
=============================== */
figure.effect-bubba h2,
.figure-link.effect-bubba h2 {
	color: #FFF;
	padding-top: 0;
	line-height: 4rem;
	width: 83%;
	margin: 0 auto;
	/*
	-webkit-transition: opacity 0.15s, -webkit-transform 0.15s;
	transition: opacity 0.15s, transform 0.15s;
	-webkit-transform: translate3d(0,-3%,0);
	transform: translate3d(0,-3%,0);
	*/
	opacity: 0;
}


/*
figure.effect-bubba:hover h2,
.figure-link.effect-bubba:hover h2 {

}

figure.effect-bubba.wide h2,
.figure-link.effect-bubba.wide h2 {
	padding-top: 0;
	opacity: 0;
	
	-webkit-transition: opacity 0.15s, -webkit-transform 0.15s;
	transition: opacity 0.15s, transform 0.15s;
	
	
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.figure-link.effect-bubba.wide h2 {
	padding-top: 0;
	}
}
@media only screen and (max-width: 767px) {
	.figure-link.effect-bubba.wide h2 {
	padding-top: 0;
	}
}



figure.effect-bubba.wide:hover h2,
.figure-link.effect-bubba.wide:hover h2 {
	opacity: 1;
}


.figure-link.effect-bubba:hover h2,
.figure-link.effect-bubba.wide:hover h2 {
	margin-bottom: 0px;
}


figure.effect-bubba.wide h2,
.figure-link.effect-bubba.wide h2 {
	padding-top: 15%;
}

figure.effect-bubba.wide:hover h2,
.figure-link.effect-bubba.wide:hover h2 {
	padding-top: 15%;
}
*/



/* #Gallery Subtitles
=============================== */
figure.effect-bubba p,
.figure-link.effect-bubba p {
	color: #FFF;
	padding: 0% 2.5em;
	opacity: 0;
	/*
	-webkit-transition: opacity 0.15s, -webkit-transform 0.15s;
	transition: opacity 0.15s, transform 0.15s;
	-webkit-transform: translate3d(0,3%,0);
	transform: translate3d(0,3%,0);
	*/
}

figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after,
.figure-link.effect-bubba:hover .figcaption::before,
.figure-link.effect-bubba:hover .figcaption::after {
	opacity: 1;
	/*
	-webkit-transform: scale(1);
	transform: scale(1);
	*/
}

figure.effect-bubba:hover h2,
figure.effect-bubba:hover p,
.figure-link.effect-bubba:hover h2,
.figure-link.effect-bubba:hover p {
	opacity: 1;
	/*
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	*/
}

.figure-link.effect-bubba:hover p {
	padding-top: 0px;
	white-space: nowrap; /* Prevent text from wrapping */
  	overflow: hidden; /* Hide overflowing content */
  	text-overflow: ellipsis; /* Display ellipsis for truncated text */
  	
}















/* #Contact
=============================== */

section.parallax .contact{
	background: url("images.html") repeat;
	background-position: center top;
	background-size: auto;
}

section.parallax .contact .container {
	height: auto;
}

section.parallax .contact p:last-child {
	margin-bottom: 0px;
}



/* About / Contact
=============================== */

.about .button {
	margin: 1rem 1rem 0px 0px;
}

.about .button:first-child {
	margin-left: 0px;
}

.button {
	color: #f08077;
	border: 1px solid #f08077;
	
	-webkit-transition: all 0.15s;
	transition: all 0.15s;
}

.button:hover {
	color: #FFFFFF;
	border: 1px solid #f08077;
	background: #f08077;
	text-decoration: none;
}

.my-name {
	margin-bottom: 0px;
}

.my-email {
	font-size: 16px;
	letter-spacing: 0.1em;
}

input[type="email"], 
input[type="number"], 
input[type="search"], 
input[type="text"], 
input[type="tel"], 
input[type="url"], 
input[type="password"] {
	float: left;
	width: 46%;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}

input:first-of-type {
	margin-right: 20px;
}

textarea {
	width: 100%;
	height: 300px;
	resize: none;
}
@media (max-width: 549px) {
	textarea {
		width: 100%;
		height: 200px;
		resize: none;
	}
}

input[type="submit"] {
	float: right;
	margin: 0px;
}

.contact-content {
	position: relative;
}

.social-media-column {
	position: absolute;
	height: calc(100% - 100px);
}

.form-column {
	float: right;
}
















/* #Parallax - Footer
=============================== */
footer.parallax .foot {
	height: 250px;
}


.footer-row-content {
	padding: 20px 0px;
	
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

footer p {
	margin: 0px;
}


ul.socialmedia {
	width: 166px;
	margin: 20px auto;
	list-style-type: none;
}

ul.socialmedia li {
	display: block;
	float: left;
	margin: 0px 10px;
}

ul.socialmedia li a {
	display: block;
}

ul.socialmedia li a img {
	width: 35px;
}

































.inside-page_headline h2 {
	text-align: center;
}



/* iPhone Portrait
------------------ */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {
	.inside-page_headline h2 {
		font-size: 5rem;
	}
}
/* iPhone Landscape
------------------ */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
	.inside-page_headline h2 {
		font-size: 4rem;
	}
}


.inside-page_headline .page-headline {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.headline-text {
	
}

@media (min-width: 550px) {
	.headline-text {
	font-size: 7rem;
	}
}

.the-summary {
	border-bottom: 1px solid #ccc;
	margin-bottom: 80px !important;
}



/* Art-Exhibit One-Third
=============================== */
.art-exhibit .one-third_container {
	display: block;
}

.art-exhibit a.one-third {
    display: block;
    height: calc(34% - 10px);
    width: calc(34% - 10px);
    float: left;
	line-height: 1.3;
}

.art-exhibit .one-third_container a.one-third:first-child {
	padding-right: 5px;
}

.art-exhibit .one-third_container a.one-third:nth-child(3) {
	padding-left: 5px;
}





.art-exhibit a img {
	width: 100%;
}

.art-exhibit a.wide {
	width: 100%;
	display: block;
    line-height: 0;
    padding-bottom: 5px;
}



.art-exhibit .one-half_container {
	display: block;
	padding-bottom: 5px;
	line-height: 1.3;
}

.art-exhibit a.one-half:first-child,
.art-exhibit a.one-half:nth-child(2) {
    display: block;
    height: calc(50% - 3px);
    width: calc(50% - 3px);
}

.art-exhibit a.one-half:first-child {
	float: left;
}

.art-exhibit a.one-half:nth-child(2) {
    float: right;
}






.the-summary audio {
	width: 100%;
}

.the-summary hr {
	margin-top: 6rem;
	margin-bottom: 6.5rem;
}

.audio-section {
	margin-bottom: 2.5rem;
}






.award {
	display: block;
    margin: 0 auto;
    width: 300px;
}
/* iPhone Portrait
------------------ */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {
	.award {
		width: 150px;
	}
}

/* iPad Portrait
------------------ */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait)and (-webkit-min-device-pixel-ratio: 2) {

}
/* iPad Landscape
------------------ */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {

}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.award {
		width: 130px;
	}
}

@media (max-width: 768px) {
	.award {
		width: 130px;
	}
}













.hide-show_button {
    display: block;
    width: 160px;
	height: 38px;
	padding: 0 30px;
	margin: 50px auto 20px auto;
	color: #f08077;
	text-align: center;
	font-size: 11px;
	font-weight: 600;
	line-height: 38px;
	letter-spacing: .1rem;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	background-color: transparent;
	border-radius: 4px;
	border: 1px solid #f08077;
	cursor: pointer;
	box-sizing: border-box;
    
    -webkit-transition: all 0.15s;
	transition: all 0.15s;
}

.hide-show_button:hover {
	color: #FFFFFF;
	border: 1px solid #f08077;
	background: #f08077;
	text-decoration: none;
	
	-webkit-transition: all 0.15s;
	transition: all 0.15s;
}

.hide-show_button.active {
    color: #f08077;
	border: 1px solid #f08077;
	background: #FFF;
	text-decoration: none;
	
    margin: 80px auto 50px auto;
    -webkit-transition: all 0.15s;
	transition: all 0.15s;
}

.hide-show_button.active:hover {
	color: #FFFFFF;
	border: 1px solid #f08077;
	background: #f08077;
	text-decoration: none;
	
	-webkit-transition: all 0.15s;
	transition: all 0.15s;
}

.hide-show_content {
    display: none;
    padding : 5px;
}





/*** This keeps video responsive with 100% width ***/
.video-section {
	position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 60%;
}

.video-section .video {
	position: absolute;
    top: 0;
    left: 0;
}

.iframe video {
	min-width: 100% !important;
	min-width: 324px !important;
	display: none !important;
}

@media only screen and (max-width:1024px) {
	.featherlight .featherlight-content {
		display: inline-block;
		max-height: 25% !important;
		max-width: 960px !important;
	}
}

@media only screen and (min-width:1024px) {
	.featherlight .featherlight-content {
		max-height:540px !important;
		max-width:960px !important;
	}
}

/* iPhone Landscape
------------------ */

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
	.featherlight .featherlight-content {
		display: inline-block;
		max-height: 50% !important;
		max-width: 960px !important;
	}
}

/* iPad Landscape
------------------ */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
	.featherlight .featherlight-content {
		display: inline-block;
		max-height: 50% !important;
		max-width: 960px !important;
	}
}





















/* #Parallax - Thank You Page
=============================== */
section.parallax .thankyou-page {
	background: url("../images/spunqiportfolio/spunqiportfolio_headline-backrd.png") fixed repeat;
	height: 20vh;
	
	background-position: center -450px;
	background-size: cover;
	
	/* transitions for window resize */
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {
	section.parallax .thankyou-page {
		background: url("../images/spunqiportfolio/spunqiportfolio_headline-backrd.png") fixed repeat;
		height: 40vh;
	
		background-position: center -450px;
		background-size: cover;
	
		/* transitions for window resize */
		transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
	}
}










/* #Parallax - Tandem Diabetes Care
=============================== */
section.parallax .tandemdiabetescare {
	background: url("../images/tandemdiabetescare/tandemdiabetescare_headline-backrd.png") fixed repeat;
	height: 50vh;
	
	background-position: center -150px;
	background-size: cover;
	
	/* transitions for window resize */
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}
/* iPhone Portrait
------------------ */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {
	section.parallax .tandemdiabetescare {
		background-position: center 0px;
		background-size: 200%;
	}
}
/* iPhone Landscape
------------------ */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
	section.parallax .tandemdiabetescare {
		background-position: center -90px;
		background-size: 100%;
	}
}
/* iPad Portrait
------------------ */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait)and (-webkit-min-device-pixel-ratio: 2) {
	section.parallax .tandemdiabetescare {
		background-position: center 0px;
		background-size: 120%;
	}
}
/* iPad Landscape
------------------ */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
	section.parallax .tandemdiabetescare {
		background-position: center -90px;
		background-size: 100%;
	}
}












/* #Parallax - Tandem Control-IQ
=============================== */
section.parallax .tandem_controliq {
	background: url("../images/tandem_controliq/tandem_controliq_headline-backrd.jpg") fixed repeat;
	height: 50vh;
	
	background-position: center -120px;
	background-size: cover;
	
	/* transitions for window resize */
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}
/* iPhone Portrait
------------------ */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {
	section.parallax .tandem_controliq {
		background-position: center 0px;
		background-size: 200%;
	}
}
/* iPhone Landscape
------------------ */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
	section.parallax .tandem_controliq {
		background-position: center -90px;
		background-size: 100%;
	}
}
/* iPad Portrait
------------------ */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait)and (-webkit-min-device-pixel-ratio: 2) {
	section.parallax .tandem_controliq {
		background-position: center 0px;
		background-size: 120%;
	}
}
/* iPad Landscape
------------------ */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
	section.parallax .tandem_controliq {
		background-position: center -90px;
		background-size: 100%;
	}
}













/* #Parallax - Tandem Motion Graphics
=============================== */
section.parallax .tandem_motiongraphics {
	background: url("../images/tandem_motiongraphics/tandem_motiongraphics_headline-backrd.png") fixed repeat;
	height: 50vh;
	
	background-position: center -150px;
	background-size: cover;
	
	/* transitions for window resize */
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}
/* iPhone Portrait
------------------ */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {
	section.parallax .tandem_motiongraphics {
		background-position: center 0px;
		background-size: 200%;
	}
}
/* iPhone Landscape
------------------ */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
	section.parallax .tandem_motiongraphics {
		background-position: center -90px;
		background-size: 100%;
	}
}
/* iPad Portrait
------------------ */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait)and (-webkit-min-device-pixel-ratio: 2) {
	section.parallax .tandem_motiongraphics {
		background-position: center 0px;
		background-size: 120%;
	}
}
/* iPad Landscape
------------------ */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
	section.parallax .tandem_motiongraphics {
		background-position: center -90px;
		background-size: 100%;
	}
}













/* #Parallax - Tandem Software
=============================== */
section.parallax .tandem_software {
	background: url("../images/tandem_software/tandem_software_headline-backrd.jpg") fixed repeat;
	height: 50vh;
	
	background-position: center -130px;
	background-size: cover;
	
	/* transitions for window resize */
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}
/* iPhone Portrait
------------------ */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {
	section.parallax .tandem_software {
		background-position: center 0px;
		background-size: 200%;
	}
}
/* iPhone Landscape
------------------ */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
	section.parallax .tandem_software {
		background-position: center -90px;
		background-size: 100%;
	}
}
/* iPad Portrait
------------------ */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait)and (-webkit-min-device-pixel-ratio: 2) {
	section.parallax .tandem_software {
		background-position: center 0px;
		background-size: 120%;
	}
}
/* iPad Landscape
------------------ */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
	section.parallax .tandem_software {
		background-position: center -90px;
		background-size: 100%;
	}
}














/* #Parallax - Tandem Illustrations
=============================== */
section.parallax .tandem_illustrations {
	background: url("../images/tandem_illustrations/tandem_illustrations_headline-backrd.png") fixed repeat;
	height: 50vh;
	
	background-position: center -130px;
	background-size: cover;
	
	/* transitions for window resize */
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}
/* iPhone Portrait
------------------ */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {
	section.parallax .tandem_illustrations {
		background-position: center 0px;
		background-size: 200%;
	}
}
/* iPhone Landscape
------------------ */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
	section.parallax .tandem_illustrations {
		background-position: center -90px;
		background-size: 100%;
	}
}
/* iPad Portrait
------------------ */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait)and (-webkit-min-device-pixel-ratio: 2) {
	section.parallax .tandem_illustrations {
		background-position: center 0px;
		background-size: 120%;
	}
}
/* iPad Landscape
------------------ */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
	section.parallax .tandem_illustrations {
		background-position: center -90px;
		background-size: 100%;
	}
}


















/* #Parallax - Tandem Sticker Animations
=============================== */
section.parallax .tandem_stickeranimations {
	background: url("../images/tandem_stickeranimations/tandem_stickeranimations_headline-backrd.jpg") fixed repeat;
	height: 50vh;
	
	background-position: center -120px;
	background-size: cover;
	
	/* transitions for window resize */
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}
/* iPhone Portrait
------------------ */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {
	section.parallax .tandem_stickeranimations {
		background-position: center 0px;
		background-size: 200%;
	}
}
/* iPhone Landscape
------------------ */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
	section.parallax .tandem_stickeranimations {
		background-position: center -90px;
		background-size: 100%;
	}
}
/* iPad Portrait
------------------ */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait)and (-webkit-min-device-pixel-ratio: 2) {
	section.parallax .tandem_stickeranimations {
		background-position: center 0px;
		background-size: 120%;
	}
}
/* iPad Landscape
------------------ */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
	section.parallax .tandem_stickeranimations {
		background-position: center -90px;
		background-size: 100%;
	}
}














/* #Parallax - Tandem Team Tandem
=============================== */
section.parallax .tandem_teamtandem {
	background: url("../images/tandem_teamtandem/tandem_teamtandem_headline-backrd.jpg") fixed repeat;
	height: 50vh;
	
	background-position: center -150px;
	background-size: cover;
	
	/* transitions for window resize */
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}
/* iPhone Portrait
------------------ */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {
	section.parallax .tandem_teamtandem {
		background-position: center 0px;
		background-size: 200%;
	}
}
/* iPhone Landscape
------------------ */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
	section.parallax .tandem_teamtandem {
		background-position: center -90px;
		background-size: 100%;
	}
}
/* iPad Portrait
------------------ */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait)and (-webkit-min-device-pixel-ratio: 2) {
	section.parallax .tandem_teamtandem {
		background-position: center 0px;
		background-size: 120%;
	}
}
/* iPad Landscape
------------------ */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
	section.parallax .tandem_teamtandem {
		background-position: center -90px;
		background-size: 100%;
	}
}











/* #Parallax - Tandem Trade Shows
=============================== */
section.parallax .tandem_tradeshows {
	background: url("../images/tandem_tradeshows/tandem_tradeshows_headline-backrd.jpg") fixed repeat;
	height: 50vh;
	
	background-position: center -150px;
	background-size: cover;
	
	/* transitions for window resize */
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}
/* iPhone Portrait
------------------ */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {
	section.parallax .tandem_tradeshows {
		background-position: center 0px;
		background-size: 200%;
	}
}
/* iPhone Landscape
------------------ */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
	section.parallax .tandem_tradeshows {
		background-position: center -90px;
		background-size: 100%;
	}
}
/* iPad Portrait
------------------ */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait)and (-webkit-min-device-pixel-ratio: 2) {
	section.parallax .tandem_tradeshows {
		background-position: center 0px;
		background-size: 120%;
	}
}
/* iPad Landscape
------------------ */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
	section.parallax .tandem_tradeshows {
		background-position: center -90px;
		background-size: 100%;
	}
}











/* #Parallax - Tandem Videos
=============================== */
section.parallax .tandem_videos {
	background: url("../images/tandem_videos/tandem_videos_headline-backrd.jpg") fixed repeat;
	height: 50vh;
	
	background-position: center -125px;
	background-size: cover;
	
	/* transitions for window resize */
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}
/* iPhone Portrait
------------------ */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {
	section.parallax .tandem_videos {
		background-position: center 0px;
		background-size: 200%;
	}
}
/* iPhone Landscape
------------------ */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
	section.parallax .tandem_videos {
		background-position: center -90px;
		background-size: 100%;
	}
}
/* iPad Portrait
------------------ */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait)and (-webkit-min-device-pixel-ratio: 2) {
	section.parallax .tandem_videos {
		background-position: center 0px;
		background-size: 120%;
	}
}
/* iPad Landscape
------------------ */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
	section.parallax .tandem_videos {
		background-position: center -90px;
		background-size: 100%;
	}
}
























/* #Parallax - Modern Macaroon
=============================== */
section.parallax .modern-macaroon {
	background: url("../images/modernmacaroon/modernmacaroon_headline-backrd.jpg") fixed repeat;
	height: 50vh;
	
	background-position: center -150px;
	background-size: cover;
	
	/* transitions for window resize */
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}
/* iPhone Portrait
------------------ */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {
	section.parallax .modern-macaroon {
		background-position: center 0px;
		background-size: 200%;
	}
}
/* iPhone Landscape
------------------ */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
	section.parallax .modern-macaroon {
		background-position: center -90px;
		background-size: 100%;
	}
}
/* iPad Portrait
------------------ */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait)and (-webkit-min-device-pixel-ratio: 2) {
	section.parallax .modern-macaroon {
		background-position: center 0px;
		background-size: 120%;
	}
}
/* iPad Landscape
------------------ */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
	section.parallax .modern-macaroon {
		background-position: center -90px;
		background-size: 100%;
	}
}







/* #Parallax - Paper Pet Zombies
=============================== */
section.parallax .paper-pet-zombies {
	background: url("../images/paperpetzombies/paperpetzombies_high-res.png") fixed repeat;
	height: 50vh;
	
	background-position: center -150px;
	background-size: cover;
	
	/* transitions for window resize */
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}
/* iPhone Portrait
------------------ */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {
	section.parallax .paper-pet-zombies {
		background-position: center 0px;
		background-size: 178%;
	}
}
/* iPhone Landscape
------------------ */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
	section.parallax .paper-pet-zombies {
		background-position: center -50px;
		background-size: 100%;
	}
}
/* iPad Portrait
------------------ */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait)and (-webkit-min-device-pixel-ratio: 2) {
	section.parallax .paper-pet-zombies {
		background-position: center 10px;
		background-size: 133%;
	}
}
/* iPad Landscape
------------------ */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
	section.parallax .paper-pet-zombies {
		background-position: center -50px;
		background-size: 100%;
	}
}






/* #Parallax - Spunqi Portfolio
=============================== */
section.parallax .spunqi-portfolio {
	background: url("../images/spunqiportfolio/spunqiportfolio_headline-backrd.png") fixed repeat;
	height: 50vh;
	
	background-position: center -450px;
	background-size: cover;
	
	/* transitions for window resize */
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}
/* iPhone Portrait
------------------ */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {
	section.parallax .spunqi-portfolio {
		background-position: center 0px;
		background-size: 150%;
	}
}
/* iPhone Landscape
------------------ */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
	section.parallax .spunqi-portfolio {
		background-position: center -90px;
		background-size: 100%;
	}
}
/* iPad Portrait
------------------ */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait)and (-webkit-min-device-pixel-ratio: 2) {
	section.parallax .spunqi-portfolio {
		background-position: center -10px;
		background-size: 130%;
	}
}
/* iPad Landscape
------------------ */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
	section.parallax .spunqi-portfolio {
		background-position: center -90px;
		background-size: 100%;
	}
}






/* #Parallax - Game Informer Cover
=============================== */
section.parallax .giriseofironcover {
	background: url("../images/giriseofironcover/giriseofironcover_bckrd.jpg") fixed repeat;
	height: 50vh;
	
	background-position: center -450px;
	background-size: cover;
	
	/* transitions for window resize */
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}
/* iPhone Portrait
------------------ */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {
	section.parallax .giriseofironcover {
		background-position: center 0px;
		background-size: 100%;
	}
}
/* iPhone Landscape
------------------ */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
	section.parallax .giriseofironcover {
		background-position: center -200px;
		background-size: 100%;
	}
}
/* iPad Portrait
------------------ */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait)and (-webkit-min-device-pixel-ratio: 2) {
	section.parallax .giriseofironcover {
		background-position: center -80px;
		background-size: 100%;
	}
}
/* iPad Landscape
------------------ */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
	section.parallax .giriseofironcover {
		background-position: center -250px;
		background-size: 100%;
	}
}






/* #Parallax - Point Nowhere
=============================== */
section.parallax .point-nowhere {
	background: url("../images/pointnowhere/pointnowhere_bckrd.jpg") fixed repeat;
	height: 50vh;
	
	background-position: center -450px;
	background-size: cover;
	
	/* transitions for window resize */
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}
/* iPhone Portrait
------------------ */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {
	section.parallax .point-nowhere {
		background-position: center 0px;
		background-size: 200%;
	}
}
/* iPhone Landscape
------------------ */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
	section.parallax .point-nowhere {
		background-position: center 0px;
		background-size: 100%;
	}
}
/* iPad Portrait
------------------ */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait)and (-webkit-min-device-pixel-ratio: 2) {
	section.parallax .point-nowhere {
		background-position: center 0px;
		background-size: 160%;
	}
}
/* iPad Landscape
------------------ */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
	section.parallax .point-nowhere {
		background-position: center 0px;
		background-size: 100%;
	}
}





/* #Parallax - Flights of Fancy
=============================== */
section.parallax .flights-of-fancy {
	background: url("../images/flightsoffancy/flightsoffancy_headline-backrd.png") fixed repeat;
	height: 50vh;
	
	background-position: center -150px;
	background-size: cover;
	
	/* transitions for window resize */
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}






/* #Parallax - Mountain Top
=============================== */
section.parallax .mountain-top {
	background: url("../images/mountaintop/mountaintop_bckrd.jpg") fixed repeat;
	height: 50vh;
	
	background-position: center -350px;
	background-size: cover;
	
	/* transitions for window resize */
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}
/* iPhone Portrait
------------------ */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {
	section.parallax .mountain-top {
		background-position: center -10px;
		background-size: 120%;
	}
}
/* iPhone Landscape
------------------ */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
	section.parallax .mountain-top {
		background-position: center -150px;
		background-size: 100%;
	}
}
/* iPad Portrait
------------------ */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait)and (-webkit-min-device-pixel-ratio: 2) {
	section.parallax .mountain-top {
		background-position: center -50px;
		background-size: 100%;
	}
}
/* iPad Landscape
------------------ */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
	section.parallax .mountain-top {
		background-position: center -150px;
		background-size: 100%;
	}
}


/* #Parallax - Wolves
=============================== */
section.parallax .wolves {
	background: url("../images/wolves/wolves_bckrd.jpg") fixed repeat;
	height: 50vh;
	
	background-position: center -350px;
	background-size: cover;
	
	/* transitions for window resize */
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}
/* iPhone Portrait
------------------ */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {
	section.parallax .wolves {
		background-position: center -50px;
		background-size: 140%;
	}
}
/* iPhone Landscape
------------------ */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
	section.parallax .wolves {
		background-position: center -200px;
		background-size: 120%;
	}
}
/* iPad Portrait
------------------ */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait)and (-webkit-min-device-pixel-ratio: 2) {
	section.parallax .wolves {
		background-position: center -130px;
		background-size: 120%;
	}
}
/* iPad Landscape
------------------ */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
	section.parallax .wolves {
		background-position: center -250px;
		background-size: 120%;
	}
}


/* #Parallax - Lumen
=============================== */
section.parallax .lumen {
	background: url("../images/lumen/lumen_bckrd.jpg") fixed repeat;
	height: 50vh;
	
	background-position: center -350px;
	background-size: cover;
	
	/* transitions for window resize */
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}
/* iPhone Portrait
------------------ */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {
	section.parallax .lumen {
		background-position: center 0px;
		background-size: 120%;
	}
}
/* iPhone Landscape
------------------ */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
	section.parallax .lumen {
		background-position: center -150px;
		background-size: 100%;
	}
}
/* iPad Portrait
------------------ */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait)and (-webkit-min-device-pixel-ratio: 2) {
	section.parallax .lumen {
		background-position: center -20px;
		background-size: 100%;
	}
}
/* iPad Landscape
------------------ */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
	section.parallax .lumen {
		background-position: center -150px;
		background-size: 100%;
	}
}



/* #Parallax - Memloom
=============================== */
section.parallax .memloom {
	background: url("../images/memloom/memloom_headline-backrd.jpg") fixed repeat;
	height: 50vh;
	
	background-position: center -150px;
	background-size: cover;
	
	/* transitions for window resize */
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}
/* iPhone Portrait
------------------ */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {
	section.parallax .memloom {
		background-position: center -90px;
		background-size: 200%;
	}
}
/* iPhone Landscape
------------------ */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
	section.parallax .memloom {
		background-position: center -90px;
		background-size: 100%;
	}
}
/* iPad Portrait
------------------ */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait)and (-webkit-min-device-pixel-ratio: 2) {
	section.parallax .memloom {
		background-position: center 0px;
		background-size: 120%;
	}
}
/* iPad Landscape
------------------ */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
	section.parallax .memloom {
		background-position: center -90px;
		background-size: 100%;
	}
}
















/* #Parallax - Rebrand
=============================== */
section.parallax .tandem_rebrand {
	background: url("../images/tandem_rebrand/tandem_rebrand_headline-backrd.png") fixed repeat;
	height: 50vh;
	
	background-position: center -300px;
	background-size: cover;
	
	/* transitions for window resize */
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}
/* iPhone Portrait
------------------ */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {
	section.parallax .tandem_webdesign {
		background-position: center -90px;
		background-size: 200%;
	}
}
/* iPhone Landscape
------------------ */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
	section.parallax .tandem_webdesign {
		background-position: center -90px;
		background-size: 100%;
	}
}
/* iPad Portrait
------------------ */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait)and (-webkit-min-device-pixel-ratio: 2) {
	section.parallax .tandem_webdesign {
		background-position: center 0px;
		background-size: 120%;
	}
}
/* iPad Landscape
------------------ */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
	section.parallax .tandem_webdesign {
		background-position: center -90px;
		background-size: 100%;
	}
}



















/* #Parallax - Web Design
=============================== */
section.parallax .tandem_webdesign {
	background: url("../images/tandem_webdesign/tandem_webdesign_headline-backrd.jpg") fixed repeat;
	height: 50vh;
	
	background-position: center -150px;
	background-size: cover;
	
	/* transitions for window resize */
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}
/* iPhone Portrait
------------------ */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {
	section.parallax .tandem_webdesign {
		background-position: center -90px;
		background-size: 200%;
	}
}
/* iPhone Landscape
------------------ */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
	section.parallax .tandem_webdesign {
		background-position: center -90px;
		background-size: 100%;
	}
}
/* iPad Portrait
------------------ */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait)and (-webkit-min-device-pixel-ratio: 2) {
	section.parallax .tandem_webdesign {
		background-position: center 0px;
		background-size: 120%;
	}
}
/* iPad Landscape
------------------ */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
	section.parallax .tandem_webdesign {
		background-position: center -90px;
		background-size: 100%;
	}
}












/* #Parallax - Mobi Campaign
=============================== */
section.parallax .tandem_mobicampaign {
	background: url("../images/tandem_mobicampaign/tandem_mobicampaign_headline-backrd.png") fixed repeat;
	height: 50vh;
	
	background-position: center 0px;
	background-size: cover;
	
	/* transitions for window resize */
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}
/* iPhone Portrait
------------------ */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {
	section.parallax .tandem_mobicampaign {
		background-position: center 0px;
		background-size: 200%;
	}
}
/* iPhone Landscape
------------------ */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
	section.parallax .tandem_mobicampaign {
		background-position: center 0px;
		background-size: 100%;
	}
}
/* iPad Portrait
------------------ */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait)and (-webkit-min-device-pixel-ratio: 2) {
	section.parallax .tandem_mobicampaign {
		background-position: center 0px;
		background-size: 120%;
	}
}
/* iPad Landscape
------------------ */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
	section.parallax .tandem_mobicampaign {
		background-position: center 0px;
		background-size: 100%;
	}
}

















/* #Parallax - Freelance
=============================== */
section.parallax .freelance {
	background: url("../images/freelance/freelance_headline-backrd.png") fixed repeat;
	height: 50vh;
	
	background-position: center -150px;
	background-size: cover;
	
	/* transitions for window resize */
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}
/* iPhone Portrait
------------------ */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {
	section.parallax .freelance {
		background-position: center -90px;
		background-size: 200%;
	}
}
/* iPhone Landscape
------------------ */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
	section.parallax .freelance {
		background-position: center -90px;
		background-size: 100%;
	}
}
/* iPad Portrait
------------------ */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait)and (-webkit-min-device-pixel-ratio: 2) {
	section.parallax .freelance {
		background-position: center 0px;
		background-size: 120%;
	}
}
/* iPad Landscape
------------------ */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
	section.parallax .freelance {
		background-position: center -90px;
		background-size: 100%;
	}
}


























.row.inside-page_content {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	
	color: #FFF;
	background-color: rgba(0, 0, 0, 0.8);
	height: 100%;
	background-position: center 150px;
	background-size: cover;
}


@media (max-width: 549px) {
	.row.inside-page_content {
		/* Styles to disable parallax on mobile */
		background: rgba(0, 0, 0, 0.8);
		background-attachment: scroll; /* Change to scroll for static background */
	}
}

@media only screen and (min-width: 550px) and (max-width: 768px) {
	.row.inside-page_content {
				/* Styles to disable parallax on mobile */
		background: rgba(0, 0, 0, 0.8);
		background-attachment: scroll; /* Change to scroll for static background */
	}
}


/* iPhone Landscape
------------------ */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
	.row.inside-page_content {
				/* Styles to disable parallax on mobile */
		background: rgba(0, 0, 0, 0.8);
		background-attachment: scroll; /* Change to scroll for static background */
	}
}

/* iPad Landscape
------------------ */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
	.row.inside-page_content {
				/* Styles to disable parallax on mobile */
		background: rgba(0, 0, 0, 0.9);
		background-attachment: scroll; /* Change to scroll for static background */
	}
}























.skillbar {
	position:relative;
	display:block;
	margin-bottom:15px;
	width:100%;
	background:#eee;
	height:35px;
	-webkit-transition:0.4s linear;
	-moz-transition:0.4s linear;
	-ms-transition:0.4s linear;
	-o-transition:0.4s linear;
	transition:0.4s linear;
	-webkit-transition-property:width, background-color;
	-moz-transition-property:width, background-color;
	-ms-transition-property:width, background-color;
	-o-transition-property:width, background-color;
	transition-property:width, background-color;
}

.skillbar-title {
	position:absolute;
	top:0;
	left:0;
	font-family: 'futura-pt', sans-serif;
	font-weight: 500;
	font-style: normal;
	text-align: left;
	width: 200px;
	font-size: 16px;
	color:#ffffff;
	/*background:#6adcfa;*/
}

.skillbar-title span {
	display:block;
	/*background:rgba(0, 0, 0, 0.1);*/
	padding:0 20px;
	height:35px;
	line-height:35px;
}

.skillbar-bar {
	height:35px;
	width:0px;
	background:#6adcfa;
}

.skillbar-title img {
	float: left;
    height: 25px;
    margin: 5px 20px 5px 5px; 
}

.skill-bar-percent {
	position:absolute;
	right:10px;
	top:0;
	font-size:11px;
	height:35px;
	line-height:35px;
	color:#ffffff;
	color:rgba(0, 0, 0, 0.4);
}