* {
	border: 0;
	margin: 0;
	padding: 0;
}

@font-face
{
font-family: “D-DIN”;
src: url(“fonts/D-DIN.eot”);
src: url(“fonts/D-DIN.eot”) format(“embedded-opentype”),
url(“fonts/D-DIN.woff”) format(“woff”),
url(“fonts/D-DIN.ttf”) format(“truetype”),
url(“fonts/D-DIN.svg”) format(“svg”);
}

article,figcaption,figure,footer,header,hgroup,nav,section{
	display: block;
}

html{
	scroll-behavior: smooth;
}

body{

font-family: 'D-DIN', sans-serif;
font-weight: normal;
}

#fade-in {
	animation: fadeIn 1s;
}

#fade-out {
	animation: fadeOut 1s;
}

.c01{
	background: url(../img/f01.jpg);

}

.c02{
	background: url(../img/f02.jpg);

}

.c03{
	background: url(../img/f03.jpg);

}

.c04{
	background: url(../img/f04.jpg);

}

a {
  color: black;
}

a:hover {
  color: #80801c;
}

.formu{

	position: absolute;
 
top: -24rem;
 
left: 0;
}

.pie{
	background-color: #66A8C0;
	color: white;
}

.red{
	overflow:hidden;
}

.red:hover{
	-webkit-transform:scale(.7);transform:scale(.7);
 	
}

@keyframes fadeIn {
	
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes fadeOut {
	
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}