@import url(http://fonts.googleapis.com/css?family=Muli:300);

@font-face {
  font-family: 'Eras Light ITC';
  src: url('fonts/Eras-Light/eras_light_itc.eot'); /* IE9 Compat Modes */
  src: url('fonts/Eras-Light/eras_light_itc.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/Eras-Light/eras_light_itc.woff') format('woff'), /* Modern Browsers */
       url('fonts/Eras-Light/eras_light_itc.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/Eras-Light/eras_light_itc.svg#c4b86faf137079abe16ef397c2506bfa') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  200;
}

html {
	font-size: 62.5%;
	/* avoid the font look to bold on OSX */
	-moz-osx-font-smoothing: grayscale;
}

body, p, li, a {
	font-family: 'Muli', sans-serif;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: 300;
	/*line-height: 27.5px;*/
	line-height: 24px;
	color: #ffffff;
}

strong {
	font-weight: 700;
}

h1 {
	font-size: 32px;
	font-size: 3.2rem;
	margin-bottom: 24px;
}

h2 {
	font-size: 28px;
	font-size: 2.8rem;
}

h3 {
	font-size: 23px;
	font-size: 2.3rem;
}

h4 {
	font-size: 17px;
	font-size: 1.7rem;
}

header {
	text-align: center;
}

header #logo a {
	font-family: 'Eras Light ITC';
	font-size: 50px;
	font-size: 5rem;
	letter-spacing: 9px;
}

nav#main li > a {
	font-weight: 300;
	font-size: 14px;
	font-size: 1.4rem;
	text-transform: uppercase;
}

nav#quicklinks ul > li > a, 
nav#main li > ul > li > a {
	font-size: 15px;
	font-size: 1.5rem;
	text-transform: capitalize;
}

footer, 
footer p, 
footer a {
	font-size: 10px;
	font-size: 1rem;
	line-height: 60px;
	text-align: center;
	text-transform: uppercase;
}

.home #tag {
	font-size: 30px;
	font-size: 3rem;
	color: #ffffff;
	background-color: #000;
	/*line-height: 115px;*/
	line-height: 47px;
	padding: 34px 0;
	text-align: center;
}

.profile .brands h3 {
	text-transform: uppercase;
}

.what-we-do h2 {
	text-align: center;
}

.what-we-do .feature.row > article.box a > header > h3 {
	font-size: 32px;
	font-size: 3.2rem;
	text-transform: uppercase;
}

.what-we-do .feature.row > article.box a > summary p {
	font-size: 26px;
	font-size: 2.6rem;
	line-height: 37px;
	text-transform: uppercase;
}

.design h1, 
.design p, 
.technical h1, 
.technical p {
	color: #000000;
}

.design h1, 
.technical h1, 
.production h1 {
	margin-bottom: 36px;
}

.work-activities h2 {
	margin-bottom: 36px;
}

.work-activities h4 {
	/*margin-bottom: 12px;*/
	margin-bottom: 6px;
}

.work-activities p {
	/*margin-bottom: 27px;*/
	margin-bottom: 30px;
}

.contact h1, 
.contact address, 
.contact p, 
.contact a {
	color: #000000;
}

.contact address, 
.contact p, 
.contact a {
	font-size: 16px;
	font-size: 1.6rem;
}