h1 {
	padding:0;
	margin:0;
	margin-bottom:8px;
	font-size:21px;
	font-weight: bold;
}
h2 {
	margin:0;
	padding:0;
	margin-bottom:5px;
	font-size:24px;
	font-weight: bold;
}

   .container {
	 width:800px
	 height:400px;
	 border:5px solid #000000;
   }   
   .box {
      width: 180px;
      height: 170px;
	  padding-left:1px;
	  padding-right:1px;
	  
      border: 2px solid #0D3192; /* Rand für die Box */
      box-sizing: border-box; 
	  color:#000000;
	  float:left;
	  text-align:center;
	  vertical-aling:center;
	  margin-bottom:10px;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  margin-right:40px;
	  font-size:12px;
	  font-weight:bold;
    }

   .box2 {
      width: 180px;
      height: 170px;
	  padding-left:1px;
	  padding-right:1px;
      border: 2px solid #0D3192; /* Rand für die Box */
      box-sizing: border-box; 
	  color:#000000;
	  float:left;
	  text-align:center;
	  vertical-aling:center;
	  margin-bottom:10px;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  margin-right:0px;
	  font-size:19px;
	  font-weight:bold;
    }



@media screen and (min-width: 0px) and (max-width: 600px) {
   .box {
      box-sizing: border-box;
	  margin-left:20px;
	  margin-right:10px;
      width: 90%;
	  padding-left:10px;
	  padding-right:10px;
    }
   .box2 {
      box-sizing: border-box; 
	  margin-left:20px;
	  margin-right:10px;
      width: 90%;
	  padding-left:10px;
    }	

h1 {
	padding:0;
	margin:0;
	margin-bottom:5px;
	font-size:20px;
	font-weight: bold;
}	
}