body {
	background: #ff0188;
	color: #262626;
	padding: 0;
	margin: 0;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	position: relative;
	cursor: default;
}
.root {
	background-color: #ff0188;
}
.product {
	background-color: #5867fe;
}
.campaign {
	background-color: #a8e740;
}
.experience {
	background-color: #47e2e7;
}
.film {
	background-color: #fbd834;
}

.f-dropdown {
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	border: none;
	width: auto;
	max-width: none;
	margin: -2.95rem 0 0 -0.1rem;
	z-index: 99;
	-moz-box-shadow: 30px 15px rgba(0,0,0,0.2);
	-webkit-box-shadow: 30px 15px rgba(0,0,0,0.2);
	box-shadow: 30px 15px rgba(0,0,0,0.2);
}
.f-dropdown:before, .f-dropdown:after {
	visibility: hidden;
}
.f-dropdown li {
	font-size: 2.3rem;
	font-weight: bold;
	letter-spacing: -0.07em;
	line-height: 1.2;
}
.f-dropdown li a {
	color: #fff;
	padding: 0.05rem 0.3rem 0.05rem 0.05rem;
	white-space: nowrap;
	-webkit-transition: color 0.5s;
	-moz-transition: color 0.5s;
	-o-transition: color 0.5s;
	-ms-transition: color 0.5s;
	transition: color 0.5s;
}

h1 {
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	font-size: 2.3rem;
	font-weight: bold;
	letter-spacing: -0.07em;
	line-height: 1.2;
}
h2 {
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	font-size: 1.5rem;
	font-weight: bold;
	letter-spacing: -0.07em;
	line-height: 1.2;
}
p {
	font-size: 0.9rem;
	letter-spacing: -0.04em;
	line-height: 1.4;
}
a p {
	color: #262626;
}
a, i, span {
	color: #fff;
	-webkit-transition: color 0.5s;
	-moz-transition: color 0.5s;
	-o-transition: color 0.5s;
	-ms-transition: color 0.5s;
	transition: color 0.5s;
}
a:hover, i:hover {
	color: #eeeeee;
}
h1 a, h2 a, a h2 span, li {
	background-color: transparent;
	padding: 0.05rem 0.3rem 0.05rem 0.3rem;
	-webkit-transition: background-color 0.5s;
	-moz-transition: background-color 0.5s;
	-o-transition: background-color 0.5s;
	-ms-transition: background-color 0.5s;
	transition: background-color 0.5s;
}
h1 a:hover, h2 a:hover, a:hover h2 span, li.product:hover, li.campaign:hover, li.experience:hover, li.film:hover {
	background-color: #fff;
}

body.root h1 a:hover, body.root h2 a:hover, body.root a:hover h2 span, li.root a:hover {
	color: #ff0188;
}
body.product h1 a:hover, body.product h2 a:hover, body.product a:hover h2 span, li.product a:hover {
	color: #5867fe;
}
body.campaign h1 a:hover, body.campaign h2 a:hover, body.campaign a:hover h2 span, li.campaign a:hover {
	color: #a8e740;
}
body.experience h1 a:hover, body.experience h2 a:hover, body.experience a:hover h2 span, li.experience a:hover {
	color: #47e2e7;
}
body.film h1 a:hover, body.film h2 a:hover, body.film a:hover h2 span, li.film a:hover {
	color: #fbd834;
}
a.addthis_button_facebook, a.addthis_button_twitter {
	color: #fff;
	background: none;
	padding: 0;
	-webkit-transition: color 0.5s;
	-moz-transition: color 0.5s;
	-o-transition: color 0.5s;
	-ms-transition: color 0.5s;
	transition: color 0.5s;
}
a.addthis_button_facebook:hover, a.addthis_button_twitter:hover {
	color: #eeeeee;
	background: none;
}
.row {
	max-width: 100%;
}
.columns {
	padding: 0;
}
section {
	margin-top: 1.2rem;
}
.fixed {
	z-index: 50;
}
.indent {
	margin: 1.8rem;
}
span.nowrap {
	white-space: nowrap;
}
.ss-icon {
	font-size: 1.4rem;
	color: #ffffff;
	margin: 0 0 0 0.4em;
}

iframe {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: url(http://attaboymakes.com.s3-website-us-east-1.amazonaws.com/css/grayscale.svg); /* Firefox 4+ */
	filter: gray; /* IE 6-9 */
}