body {
font-family: 'The sans-serif', sans-serif;
}

#grafik {
	max-width: 30%;
    display: block;
	margin-right: auto;
	margin-left: auto;
}
#text {
	text-align: center;
	color: #AEC90B;
}
#p {
	text-align: center;
	color: black;
}

#button {
	text-align: center;
	margin-top: 40px;

}
#button_styles{
	font-size: 110%;
	background-color: white;
 	color: #AEC90B;
  	border: 3px solid #AEC90B;
  	border-radius: 8px;
  	padding: 15px 40px;
  	transition: background 0.5s ease-in-out;
}
#button_styles:hover{
	background-color: #AEC90B;
	color: white;


}

@media only screen and (max-width: 1280px){
 #grafik{
 	max-width: 50%;
 	}

 #p{
 	margin-left: 80px;
 	margin-right: 80px;
 	}
	#button_styles{
	font-size: 90%;
  	border: 2px solid #AEC90B;
  	padding: 12px 35px;
	}

}

@media only screen and (max-width: 480px){
	#grafik{
	max-width: 90%;
	}

	 #p{
 	margin-left: 20px;
 	margin-right: 20px;
 	}

 	 #text{
 	margin-left: 20px;
 	margin-right: 20px;
 	}

 	#button_styles{
	font-size: 90%;
  	border: 2px solid #AEC90B;
  	padding: 12px 35px;
	}

}