/* [Main] */
body { margin-bottom: 60px; text-align: center; }
body.fixed { margin-top: 80px; }
.container { max-width:960px; }
#head { padding-top: 20px; }

button, .btn { box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1); font-size: 12px; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; border-radius:4px; background-color: #0690fa; border:0; color:#fff; }
button:focus, .btn:focus { -webkit-box-shadow: none; box-shadow: none; }
button:hover, button:focus, .btn:hover, .btn:focus { color:#ffffff; text-decoration:none; }

/* [Header] */
header {
	height:80px;
	overflow:visible;
	z-index:999;
	top :0;
	left:0;
	right :0;
	margin-bottom: -80px;
}
.fixed header { position: fixed; top: 0; background-color: #0080E2; }
.static header { position: relative; top: 0; }
header .container { position:relative; }
header #logo { float:left; margin-right:40px; line-height:80px; display:inline-block; height:80px; }
header #logo img { max-width:150px; }
header #log { position:absolute; right:15px; top:0; height:45px; }
header a { color: #ffffff; }
header a:hover { color: #328ddb; text-decoration:none; }

header nav { display:inline-block; margin: 20px 0; }
header nav ul li { float: left; margin-left: 10px; }
header .icon-menu { position: absolute; right: 0px; top: 0px; padding: 25px 15px; }
header .icon-menu:before { font-size: 30px; margin: 0; padding: 0; color: #ffffff; }

/* [Footer] */
footer { background-color: #131313; color: #ffffff; position:absolute; left:0; bottom:0; width:100%; padding:15px 0; font-size: 14px; text-align: left; line-height:30px; }
footer a { margin-left: 5px; color: #ffffff; }
footer a:hover { text-decoration: none; }
footer i:before { vertical-align: middle; font-size: 22px; }
footer #copy { margin-right:15px; }
footer ul { display: inline-block; padding: 0 10px; }
footer ul li { display: inline-block; padding: 0 5px; }

@media screen and (max-width:640px) {
	body { text-align:center; }
}

/* [Home] */
.block { clear: both; overflow: hidden; padding: 60px 0; }
.block.block-alt { background-color: #f4f4f4; }

#edito { background: radial-gradient(circle at 50% 20%, rgba(0,0,0,0), rgba(0,0,0,0.3)), url('../img/edito.jpg') center no-repeat; background-color: #000000; background-attachment: fixed; background-size: cover; padding: 70px 0 60px; color: #ffffff; }
#edito h1 { color: #ffffff; }

.signup-block { background-color: #f4f4f4; padding: 30px; }
.signup-block .input-group { max-width: 400px; }

.circle { width: 120px; height: 120px; background-color: #131313; border-radius: 50%; display: inline-block; margin: 10px auto; }
.circle i:before { font-size: 60px; margin-top: 28px; color: #ffffff; }

/* [Static] */
#about { background: radial-gradient(circle at 50% 20%, rgba(0,0,0,0.3), rgba(0,0,0,0.8)), url('../img/about.jpg') center no-repeat; background-color: #000000; background-attachment: fixed; background-size: cover; padding: 100px 0; color: #ffffff; }
#about h1 { color: #ffffff; }

#publishers { background: radial-gradient(circle at 100% 50%, rgba(0,0,0,1), rgba(0,0,0,0)), url('../img/publishers.jpg') center no-repeat; background-color: #000000; background-attachment: fixed; background-size: cover; padding: 70px 0 60px; color: #ffffff; }
#publishers h1 { color: #ffffff; }

.features { line-height: 2em; font-size: 18px; }
.features i:before { color: #328ddb; font-size: 18px; }

.social { width: 115px; text-align: right; }