/*----- GENERAL -----*/


body {
	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 2000% 2000%;
	animation: gradient 15s ease infinite;
	
    color: #fff;
    font: 16px/20px Georgia, "Times New Roman", Times, serif;
    padding-top: 25px;
    text-align: center;
    width:100%;
    margin: 0 auto;
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}




	h2 {
		line-height: 0px; 
		font-size: 60px;
		font-weight: lighter;
	    text-align: center;
		/*font-variant: small-caps;*/
		}

	h3 {
		line-height: 100%; 
		font-size: 50px;
		font-weight: lighter;
		font-variant: small-caps;
	    text-align: center;
		}

	a {
		text-decoration: none;
		color: #fff;
		font-style:italic;
		}
		
	a:hover {
		text-decoration: underline;
		color: #ddd;
		font-style:italic;
		}	

	#wrap {
	  /*min-width: 300px;
	  max-width: 800px;*/
	  margin-left: auto;
      margin-right: auto;
	  text-align: center;
	}
	
	#logo {
	  margin-left: auto;
      margin-right: auto;
	  height: 000px;
	  text-align: center;
	  background-image: url(logo.png);
	  background-repeat:no-repeat;
  	  background-position:center;
	}
	
	#de {
	  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
	  box-sizing: border-box;         /* Opera/IE 8+ */
	  display: inline-block;

	  /*max-width: 400px;*/
	  min-width: 300px;
	  padding:10px 10px;
	  /*float:left;
	  margin-left: auto;
      margin-right: auto;*/
	}
	
	#en {
	  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
	  box-sizing: border-box;         /* Opera/IE 8+ */
	  display: inline-block;

	  max-width: 400px;
	  min-width: 300px;
	  padding:10px 10px;
	  /*float:left;
	  margin-left: auto;
      margin-right: auto;*/
	}
	
	#ds {
	  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
	  box-sizing: border-box;         /* Opera/IE 8+ */
	  display: inline-block;

	  /*max-width: 400px;*/
	  min-width: 300px;
	  padding:10px 10px;
	  text-align: left;
	  /*float:left;
	  margin-left: auto;
      margin-right: auto;*/
	}
	
	#links {
	  clear:both;
	  text-align: center; 
	  width:180px;
	  margin-left: auto ;
	  margin-right: auto ; 
	}
	
	#links img {
	margin:20px 10px;
	}
	
	#title {
	margin:auto;
	text-align: center; 
	}