html { 

}
 body {
    opacity: 1;
    transition: 8s opacity;
}

body.fade-out {
    opacity: 0;
    transition: none;
}

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

img {	
	position: fixed;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: 1;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	opacity: .7
}

table {
	border:0px;
	position:fixed;
	top:0;
	width: 100%;
	padding: 0px;
	margin: auto;
	text-align: center;
	z-index: 99;
}
h1 {
	position:relative;
	font-family: 'Nothing You Could Do', cursive;
	font-size: 99px;
	font-weight: normal;
	padding-top: 20%;
  	color: #fff;
	/*text-shadow: 2px 2px 2px #FF0080;
	opacity: 2.3;*/
}


h1.elegantshadow  {
    color: #ffb7b7;
    letter-spacing: 0em;
    text-shadow: 
      0 -1px 0 #fff, 
      0 1px 0 rgba(18, 18, 18, 1), 
      0 2px 0 rgba(18, 18, 18, 0.9),  
      0 3px 0 rgba(18, 18, 18, 0.8), 
      0 4px 0 rgba(18, 18, 18, 0.7), 
      0 5px 0 rgba(18, 18, 18, 0.6), 
      0 6px 0 rgba(18, 18, 18, 0.5),  
      0 7px 0 rgba(18, 18, 18, 0.4),  
      0 8px 0 rgba(18, 18, 18, 0.3), 
      0 9px 0 rgba(18, 18, 18, 0.1); 
  }
  
  ::selection {
  background: #ffb7b7; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #ffb7b7; /* Gecko Browsers */
}
  

ul.social-buttons {
	margin: 10px;
	padding: 0;
	list-style: none;
}
ul.social-buttons li a {
	font-size: 23px;
	outline: 0;
	color: #cff09e;
	float: left;
	margin: 0 8px;
}
ul.social-buttons li a:hover, ul.social-buttons li a:focus, ul.social-buttons li a:active {
	color: #ffb7b7;
}
a {
	color: #ffb7b7;
	-webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
	-moz-transition: color 0.1s ease-in, background 0.1s ease-in;
	-ms-transition: color 0.1s ease-in, background 0.1s ease-in;
	-o-transition: color 0.1s ease-in, background 0.1s ease-in;
	transition: color 0.1s ease-in, background 0.1s ease-in;
}
a:hover, a:focus {
	color: #ffb7b7;
	text-decoration: none;
	outline: 0;
}
a:before, a:after {
	-webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
	-moz-transition: color 0.1s ease-in, background 0.1s ease-in;
	-ms-transition: color 0.1s ease-in, background 0.1s ease-in;
	-o-transition: color 0.1s ease-in, background 0.1s ease-in;
	transition: color 0.1s ease-in, background 0.1s ease-in;
}



@media (max-width: 599px) {
	h1 {
		font-size: 50px;
		line-height:50px;
	}
	ul.social-buttons {
		margin-left: 33%;
		padding: 0;
		list-style: none;
	}
}

@media (max-width: 399px) {
	h1 {
		font-size: 50px;
		line-height:50px;
	}
	ul.social-buttons {
		margin-left: 20%;
		padding: 0;
		list-style: none;
	}
}