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

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

html {

  background-size: 100%;
  background-attachment: fixed;
  background-repeat: no-repeat;
  overflow-x: hidden;
  background: -webkit-linear-gradient(161deg, rgba(2,0,36,1) 0%, rgba(0,1,3,1) 60%, rgba(79,156,168,1) 100%) no-repeat;	
  background: linear-gradient(161deg, rgba(2,0,36,1) 0%, rgba(0,1,3,1) 60%, rgba(79,156,168,1) 100%) no-repeat;	
  background: -moz-linear-gradient(161deg, rgba(2,0,36,1) 0%, rgba(0,1,3,1) 60%, rgba(79,156,168,1) 100%) no-repeat;	
  background: -o-linear-gradient(161deg, rgba(2,0,36,1) 0%, rgba(0,1,3,1) 60%, rgba(79,156,168,1) 100%) no-repeat;	

}

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:34px;
	line-height:40px;
}

p, ul	 {
	font-size:23px;
	line-height:29px;
}

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 45px 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;
}