.Sailec-Light { 
	font-family: Sailec-Light;
	font-weight: normal;
	font-style: normal;
}
.Sailec-Medium { 
	font-family: Sailec-Medium;
	font-weight: normal;
	font-style: normal;
}
.Sailec-Regular { 
	font-family: Sailec-Regular;
	font-weight: normal;
	font-style: normal;
}

/* RESPONSIVE GRID SYSTEM =============================================================================  */

/* BASIC PAGE SETUP ============================================================================= */

html, body { 	
background : #fff; 
text-align: left;
}

body { 
margin: 0 auto;
padding: 0;
font-family: "Sailec-Regular", sans-serif; 
font-weight: normal; 
font-style: normal;  	
}

/*  HEADINGS  ============================================================================= */

h1 { 
color: #000;
font-weight: normal;
text-align: left;
font-size: 20px; /* 96 / 16 */
padding-bottom: 0.5em;
}

@media (max-width: 420px) {
h1{
    font-size: 20px;
    margin-top:20px;
  }
}

h2{
font-weight: normal;
font-size : 20px; /* 96 / 16 */	
padding-bottom: 1em;
padding-top: 1.5em;
}



/*  TYPOGRAPHY  ============================================================================= */

p, ol, dl {
color: #000; 
font-size : 20px; /* 16 / 16 = 1 */ 
line-height: 24px;
hyphens: auto;  }

	.alignleft {
	float: left;
	font-size: 68px; /* 96 / 16 */	
	padding-bottom: 24px;
	}
	.alignright {
	float: right;
	font-size: 68px; /* 96 / 16 */	
	padding-bottom: 24px;
	}

p.one{
font-size: 20px; /* 96 / 16 */	
padding-bottom: 24px;
}

p.logo{
font-size: 20px; /* 96 / 16 */	
padding-bottom: 24px;
}

@media (max-width: 420px) {
p.logo{
    padding-top: 3em;
  }
}

p.intro{
font-size: 36px; /* 96 / 16 */
line-height: 1.5em;
padding-bottom: 1em;	
}

@media (max-width: 420px) {
p.intro{
    font-size: 20px;
    line-height: 24px;
  }
}

p.hashtag{
font-size: 20px; /* 96 / 16 */	
padding-bottom: 24px;
}

@media (max-width: 420px) {
p.hashtag{
padding-bottom: 0;
  }
}

p.q{
font-size: 20px; /* 96 / 16 */	
padding-bottom: 24px;
}

p.copyright{
font-size: 12px; /* 96 / 16 */	
padding-bottom: 14px;
}

p.client{
font-size: 36px; /* 96 / 16 */
line-height: 1.5em;
text-decoration: line-through;	
}

@media (max-width: 420px) {
p.client{
    font-size: 20px;
    line-height: 24px;
    text-decoration: line-through;
  }
}

p.client2{
font-size: 36px; /* 96 / 16 */
line-height: 1.5em;
}

@media (max-width: 420px) {
p.client2{
    font-size: 20px;
    line-height: 24px;
  }
}


p.case{
padding-bottom: 24px;
}

	

/* MAILCHIMP =============================================================================  */

#mc_embed_signup{
font-family: "Sailec-Regular", sans-serif; 
font-style: normal;
color: #000; 
font-size: 20px; /* 16 / 16 = 1 */ 
line-height: 2em;
padding-left: 0;
}

.mc-field-group{
	padding-bottom: 1.25em;
}
.mc-field-group input-group{
	padding-top: 1.5em;
}
p.mc{
	font-family: "Sailec-Regular", sans-serif;
	text-decoration: underline;
	font-size: 20px; /* 16 / 16 = 1 */ 
	text-align: left;
	padding-bottom: 0.5em;

}

/* LINKS =============================================================================  */

a { 
text-align: left;
color: #b4b4b4;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
text-decoration: none;
}

a:visited { 
color: #b4b4b4; }

a:focus { 
outline: thin dotted; 
color: rgb(0,0,0); }

a:hover, 
a:active { 
outline: 0;
color: #e6e6e6;
}

a.case { 
text-align: left;
color: black;
font-size: inherit !important;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
text-decoration: none !important;
}

a.case:hover, 
a.case:active { 
outline: 0;
color: #b4b4b4;
}

button, 
input[type="button"]{ 
font-family: 'Sailec-Regular', arial, sans-serif;
font-size: 20px;
text-decoration: underline;
color: #000;
cursor: pointer; 
border: 0;
background:#d9d9d9;
}



/* IMAGES ============================================================================= */

img {
border: 0;
width: 100%;}

.container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/* TABLES ============================================================================= */

/*  MAIN LAYOUT	============================================================================= */


#wrapper {
	width: 100%;
	position: relative;
	text-align: left;
}

	#headcontainer {
		width: 100%;
	}

		header {
			clear: both;
			width: 80%; /* 1000px / 1250px */
			max-width: 92.3em; /* 1200px / 13 */
			position: relative;
			color: #000;
			text-align: left;
		}
		

	#maincontentcontainer {
		width: 100%;
	}
		
			#maincontent{
				clear: both;
				width: 80%; /* 1000px / 1250px */
				max-width: 92.3em; /* 1200px / 13 */
				margin: 0 auto;
				padding: 1em 0px;
				color: #000;
				line-height: 1.5em;
				position: relative;
			}
		
			.maincontent{
				clear: both;
				width: 80%; /* 1000px / 1250px */
				max-width: 92.3em; /* 1200px / 13 */
				margin: 0 auto;
				padding: 1em 0px;
				color: #000;
				position: relative;
			}
			
					
/*  SECTIONS  ============================================================================= */

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

	
/*  CODE  ============================================================================= */

/*  EXAMPLE  ============================================================================= */

/*  SCREENS  ============================================================================= */

/*  COLUMNS  ============================================================================= */

.twocolumns{
	-moz-column-count: 2;
	-moz-column-gap: 2em;
	-webkit-column-count: 2;
	-webkit-column-gap: 2em;
	column-count: 2;
	column-gap: 2em;
  }


/*  GLOBAL OBJECTS ============================================================================= */

.breaker { clear: both; }

.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

.floatleft {
    float: left;
}

.floatright {
    float: right;
}


/* VENDOR-SPECIFIC ============================================================================= */

html { 
-webkit-overflow-scrolling : touch; 
-webkit-tap-highlight-color : rgb(188,188,188); 
-webkit-text-size-adjust : 100%; 
-ms-text-size-adjust : 100%; }

.clearfix { 
zoom : 1; }

::-webkit-selection { 
background : rgb(188,188,188); 
color : rgb(250,250,250); 
text-shadow : none; }

::-moz-selection { 
background : rgb(188,188,188); 
color : rgb(250,250,250); 
text-shadow : none; }

::selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

::-webkit-input-placeholder {
font-size : .875em; 
line-height : 1.4; }

input:-moz-placeholder { 
font-size : .875em; 
line-height : 1.4; }

.ie7 img,
.iem7 img { 
-ms-interpolation-mode : bicubic; }


p {
/* http://www.w3.org/TR/css3-text/#hyphenation */
-webkit-hyphens : none;
-webkit-hyphenate-character : "\2010";
-moz-hyphens : none; }

/* Swipe required styles */

.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
}
.swipe-wrap {
  overflow: hidden;
  position: relative;
}
.swipe-wrap > div {
  float:left;
  width:100%;
  position: relative;
}

/* END required styles */