*{
	margin:0;
	padding:0;
	list-style:none;
	text-decoration:none;
}

html, body {
  height: 100%;
  margin: 0;
}

html {
  background:#000;
  
}

body {
	width:100%;
	min-height:100%;
	height:100%;
	overflow:scroll;
	font-family: 'EB Garamond', serif;
	color:#fff;
	font-size:100%;
	text-align:left; 	
	background-repeat: no-repeat;
}

h1 {
	font-size:43px;
	line-height:51px;
}

h2 {
	font-size:31px;
	line-height:39px;
}

h3 {
	font-size:24px;
	line-height:29px;
}


p, ul	 {
	font-size:22px;
	line-height:29px;
	color:rgba(255, 255, 255, 0.6);
}

footer {
	font-size:16px;
	line-height:26px;
	color:rgba(255, 255, 255, 0.6);
	width:100%;
	padding:10px 0;
	border-top:solid 1px rgba(255, 255, 255, 0.4);
	margin-top:130px;
}

p span.muted, 
p a:hover {
	color:rgba(255, 255, 255, 0.66);
}

a, input[type="submit"] {
	color:white;
	-webkit-transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease;
	-moz-transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease;
	-ms-transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease;
	-o-transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease;
}

img {
	width: 100%;
	max-width: 100%;
	height:auto !important;
	display:block;
}

/*  SECTIONS  ============================================================================= */

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

.center {
	font-size: 0.9125em; /* 13 / 16 */
	margin: 0 auto;
	position: relative;
	width:66%; 
	max-width:800px;
}

.center.wide {
	width:83%; 	
}

/*  GROUPING  ============================================================================= */


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


/*  ACTION  ============================================================================= */

a.action {
	display:inline-block;
	padding:20px 20px 20px 20px;
	font-size:17px;
	letter-spacing:0.5px;
	line-height:22px;
	color:white;
	background:rgba(0, 0, 0, 0.2) url('../img/icons/icon_download_white.png') calc(100% - 17px) 45% no-repeat;
	background-size:20px;	
	border:solid 1px rgba(238, 238, 238, 0.46);
}

a.action:hover{
	background-color:rgba(255, 255, 255, 0.15);
}

/*  SOCIAL  ============================================================================= */


ul.social li {
	display:inline;
	margin:0 10px;
}

ul.social li a:hover {
	opacity:0.66;
}

a.twitter {
	display:inline-block;
	width:28px;
	height:28px;
	background:url('../img/icons/icon_twitter_white.png') center center no-repeat;
	background-size:100%;
}

a.instagram {
	display:inline-block;
	width:28px;
	height:28px;
	background:url("../img/icons/icon_instagram_white.png") center center no-repeat;
	background-size:92%;
}

/*  MAILING  ============================================================================= */

#mailing p {
	margin:0 0 15px 0; 
}

#mailing form {
}

#mailing form input[type="email"] {
	padding:10px;
}

#mailing form input[type="submit"] {
	display:inline-block;
	text-align:left;
	text-align:center;
	font-size:16px;
	letter-spacing:1px;
	color:#fff;
	background:#000; 
	padding:15px;
	margin:10px 0 0 0;
	border:solid 1px rgba(238, 238, 238, 0.26);
    box-shadow: none;
    -webkit-box-shadow: none;   	
}

#mailing form input[type="submit"]:hover {
	background-color:rgba(0, 0, 0, 0.2);
}


/*  SPACING  ============================================================================= */

div.wrap {
	padding:0 0 60px 0;
}

div#header {
	margin:65px 0 30px 0;
}

.main, ul.social, #mailing {
	margin:50px 0 0 0;
}

.main p {
	margin:0 0 35px 0;
}