@media screen and (min-width: 1201px) {

body {

	position:absolute;

 	left:50%;

 	width:100%;

	height:100%;

	margin-top:0px;

 	margin-left:-50%;

	background-color:rgb(255,255,255);

}

a{color:rgb(200,180,120);font-size:18px;font-family:biondi;font-style:italic;}

a:hover{letter-spacing:2px;color:rgb(0,170,240);}

#link{width:100%;height:40px;background-color:rgb(0,0,0);position:absolute;top:0px;left:0%;font-family:biondi;font-size:24px;text-align:center;}

#lk1{width:25%;position:absolute;top:10px;left:0%;}

#lk2{width:25%;position:absolute;top:10px;left:25%;}

#lk3{width:25%;position:absolute;top:10px;left:50%;}

#lk4{width:25%;position:absolute;top:10px;left:75%;}

#t1{color:rgb(200,180,120);text-align:center;font-family:verdana;font-style:italic;font-size:56px;width:50%;position:absolute;top:10px;left:25%;z-index:3;

	animation-name:move01;animation-duration:5s;}

@keyframes move01{

	from{font-size:1px;}

	to{font-size:56px;}

}

#t2{color:rgb(200,180,120);text-align:center;font-family:biondi;font-style:italic;font-size:36px;width:50%;position:absolute;top:33%;left:25%;z-index:3;

	animation-name:move05;animation-duration:5s;}

@keyframes move05{

	from{font-size:1px;}

	to{font-size:36px;}

}

#hm001{width:10%;position:absolute;top:15%;left:45%;z-index:2;

	animation-name:move03;animation-duration:5s;}

@keyframes move03{

	from{width:1%}

	to{width:10%}

}

#hm002{width:100%;position:absolute;top:50%;right:0%;z-index:1;

	animation-name:move04;animation-duration:5s;}

@keyframes move04{

	from{width:1%;}

	to{width:100%;}

}

#hm003{height:1px;width:1px;position:absolute;top:55%;right:0%;z-index:1;

}

#wip{width:100%;height:5%;background-color:rgb(255,0,0);color:rgb(255,255,255);text-align:center;font-family:stencil;font-size:20px;position:absolute;top:35%;left:0%;z-index:2;

	animation-name:move06;animation-duration:2s;animation-iteration-count: infinite;}

@keyframes move06{

	from{background-color:rgb(255,255,255);}

	to{background-color:rgb(255,0,0);}

}

#cookie{width:60%;position:absolute;bottom:0%;left:20%;text-align:center;font-size:1px;font-family:verdana;color:rgb(100,90,40);z-index:3;

	animation-name:move02;animation-duration:2s;animation-fill-mode:forwards;}

@keyframes move02{

	from{color:rgb(255,255,255);font-size:1px;}

	to{color:rgb(100,90,40);font-size:10px;}

}

}

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

body {

	position:absolute;

 	left:50%;

 	width:1000px;

	height:2300px;

	margin-top:0px;

 	margin-left:-500px;

	background-color:rgb(255,255,255);

}

a{color:rgb(200,180,120);font-size:20px;font-family:biondi;font-style:italic;}


a:hover{letter-spacing:2px;color:rgb(0,170,240);}

#lk1{width:60%;height:80px;position:absolute;top:1400px;left:20%;background-color:rgb(0,0,0);border-radius:15px;font-family:biondi;font-size:60px;text-align:center;

	animation-name:movelk1;animation-duration:5s;}

@keyframes movelk1{

	from{width:1%;height:1px;position:absolute;top:0%;left:50%;font-size:1px;}

	to{width:60%;height:80px;position:absolute;top:1400px;left:20%;font-size:60px;}

}

#lk2{width:60%;height:80px;position:absolute;top:1600px;left:20%;background-color:rgb(0,0,0);border-radius:15px;font-family:biondi;font-size:60px;text-align:center;

	animation-name:movelk2;animation-duration:5s;}

@keyframes movelk2{

	from{width:1%;height:1px;position:absolute;top:0%;left:50%;font-size:1px;}

	to{width:60%;height:80px;position:absolute;top:1600px;left:20%;font-size:60px;}

}

#lk3{width:60%;height:80px;position:absolute;top:1800px;left:20%;background-color:rgb(0,0,0);border-radius:15px;font-family:biondi;font-size:60px;text-align:center;

	animation-name:movelk3;animation-duration:5s;}

@keyframes movelk3{

	from{width:1%;height:1px;position:absolute;top:0%;left:50%;font-size:1px;}

	to{width:60%;height:80px;position:absolute;top:1800px;left:20%;font-size:60px;}

}

#lk4{width:60%;height:80px;position:absolute;top:2000px;left:20%;background-color:rgb(0,0,0);border-radius:15px;font-family:biondi;font-size:60px;text-align:center;

	animation-name:movelk4;animation-duration:5s;}

@keyframes movelk4{

	from{width:1%;height:1px;position:absolute;top:0%;left:50%;font-size:1px;}

	to{width:60%;height:80px;position:absolute;top:2000px;left:20%;font-size:60px;}

}

#cookie{width:100%;position:absolute;bottom:0%;left:0%;text-align:center;font-size:18px;font-family:biondi;color:rgb(255,255,255);z-index:3;

	animation-name:move02;animation-duration:2s;animation-fill-mode:forwards;}

@keyframes move02{

	from{color:rgb(255,255,255);font-size:1px;}

	to{color:rgb(0,0,0);font-size:18px;}

}

#t1{color:rgb(200,180,120);text-align:center;font-family:verdana;font-style:italic;font-size:70px;width:100%;position:absolute;top:0%;left:0%;z-index:3;margin-top:0px;

	animation-name:move01;animation-duration:5s;}

@keyframes move01{

	from{font-size:1px;position:absolute;top:0%;left:0%;}

	to{font-size:70px;position:absolute;top:0%;left:0%;}

}

#t2{color:rgb(200,180,120);text-align:center;font-family:verdana;font-style:italic;font-size:50px;width:100%;position:absolute;top:500px;left:0%;z-index:3;

	animation-name:move05;animation-duration:5s;}

@keyframes move05{

	from{font-size:1px;position:absolute;top:0%;left:0%;}

	to{font-size:50px;position:absolute;top:500px;left:0%;}

}

#hm001{width:40%;position:absolute;top:120px;left:30%;z-index:2;

	animation-name:move03;animation-duration:5s;}

@keyframes move03{

	from{width:1%;position:absolute;top:0%;left:50%;}

	to{width:40%;position:absolute;top:120px;left:30%;}

}

#hm002{height:1px;width:1px;position:absolute;top:950px;left:0%;z-index:1;}

#hm003{width:100%;position:absolute;top:650px;right:0%;z-index:2;

	animation-name:move04;animation-duration:5s;}

@keyframes move04{

	from{width:1%;position:absolute;top:0%;right:50%;}

	to{width:100%;position:absolute;top:650px;right:0%;}

}

}