html
	{ background-image: url('https://www.socialtivy.com/images/background.jpg'); background-attachment: fixed;
	background-size: cover; background-repeat: no-repeat; background-color: #000; }
body
	{ background-color: transparent; color: #FFF; font-size: 18px; padding-bottom: 2em; }
body, body *, * > *
	{ font-family: 'Source Sans Pro', sans-serif; }
	
a		{ color: #2295bb; text-decoration: none; }
a:hover	{ opacity: .6; 
		transition: all 0.2s linear; -o-transition: all 0.2s linear; -moz-transition: all 0.2s linear;
		-khtml-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -ms-transition: all 0.2s linear; }

h1, h2, h3, h4, h5, h6
	{ color: #FFF; font-family: 'Bitter', serif !important; margin: .5em 0; line-height: 1em; }
h1	{ font-size: 3em; }
h2	{ font-size: 1.6em; }
h3	{ font-size: 1.4em; color: #c3ecfa; margin-left: .5em; }
h4	{ font-size: 1.3em; }
h5	{ font-size: 1.2em; }
h6	{ font-size: 1.1em; }

div.bandeau
	{ padding: 0; }
div.bandeau > div
	{ padding: 2em; max-width: 960px; margin: 0 auto; background-color: rgba(34, 149, 187, .5); }
div.bandeau#bandeau-logo > div
	{ background-color: transparent; }
div.bandeau#bandeau-soon > div
	{ padding: 4em 2em; }

div#bandeau-logo div#logo	
	{ text-align: center; }
div#bandeau-logo div#logo h1
	{ padding: 0; vertical-align: middle; }
div#bandeau-logo div#logo h1 img
	{ display: inline-block; margin: .25em; padding: 0; }
div#bandeau-logo h3.slogan
	{ margin: -.75em 0 .5em 0; }
	
@media (max-width: 480px) {
	html
		{ background-size: auto; }
	body
		{ background-color: transparent; padding-bottom: 0; }
	div.bandeau#bandeau-logo > div
		{ background-color: rgba(34, 149, 187, .5); }
}