/*html { 
  background: url(img/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}*/


body{
	font-family: 'Sorts Mill Goudy', serif;
	font-size: 25px;
	padding: 0
	margin: 0;
	background-color: #000;
	background: url(../img/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
/*	background: #f8f8f8 url(../img/waiting.png) no-repeat;	
	background-size: 100%;
	background-position: center;
*/

	}
	
	
#logo {
  max-width: 400px;
  width: 200;
  height: 50px;
  background: url(../img/Logo.svg) no-repeat;
  background-size: 250px;
  padding-bottom: 70px;
  }
  
/*.network, a{
	float:left;
}*/
	

.fb {
  max-width: 25px;
  width: 25;
  height: 25px;
  background: url(../img/fb.svg) no-repeat;
  background-size: 20px;
  padding-bottom: 60px;
  }
  
.ig {
  max-width: 25px;
  width: 25;
  height: 25px;
  background: url(../img/ig.svg) no-repeat;
  background-size: 20px;
  padding-bottom: 60px;
  }

aside{
	clear: both;
	padding-top: 25px;
	font-size: 11px;
	color: #333;
	}


.dossier{
	max-width:400px;
	margin: 80px 0 0 15%;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;	
	z-index: 99999;
	margin-right: 20%;
	}


.dossier:hover{
	}



.dossier:hover dd a{
	text-decoration: underline;
	}



a:hover{
	text-decoration: none;
	}


ul.visit-these-fucking-things a{
	float: left;
	font-family: "UntitledRegular", Helvetica, Arial, sans-serif !important;
	font-size: 20px;
	text-decoration: none !important;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;	
	text-shadow: 0 1px px #fff;
	}


ul.visit-these-fucking-things a:hover{
	color: #666; 
	}


ul.visit-these-fucking-things a:active{
	color: #000; 
	}


a div{
	display: none;
	}
	
ul{
	padding: 0 0 0 1.3em;
	margin: 0;
	}	

li{
	list-style:decimal;
	}

.visit-these-fucking-things{
	margin: 0;
	padding: 0;
	}

.visit-these-fucking-things ul{
	margin: 0;
	padding: 0;
	}

.visit-these-fucking-things li{
	list-style: none;
	margin-right: 10px;
	float: left;
	}


.dossier:hover dt strong{
	color: #666;
	}

dd, a{
	margin: 0 0 2em;
	color: #FFF;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;	
	}

dt{
	margin: 0 0 .3em;
	}


dt strong{ 
	font-weight: normal;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: .2em;
	color: #FFF;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;		
	}

@media screen and (max-width: 480px) {

body{
	font-size: 16px;	
}

#logo {
  background-size: 200px;
  }

.dossier{
	margin-right: 15%;
}
		
		
@media only screen and (max-device-width: 480px), only screen and (min-device-width: 560px) and (max-device-width: 1136px) and (-webkit-min-device-pixel-ratio: 2) { /* iPhone only */ }
	
	
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {

body{
	font-size: 16px;	
}

.dossier{
	max-width:400px;
	margin: 80px 0 0 5%;
	margin-right: 5%;
	}


}