/*-- CARDS --*/

	.cards {
	  /*background-color: #444444;*/	
	  max-width: 1200px;
	  margin: 0 auto;
	  display: grid;
	  gap: 10px;	
	  right:0px;
	  top:30px;	
	  padding: 10px;
	  /*border-width: 1px;*/
	  /*border-color: #333333;*/
	  /*border-style: solid;*/	  
	}

	.card {
	  height: 500px;
	  font-family: "OpenR2-Light";
	  font-size: 14px;
	  border-width: 1px;
	  border-color: #cccccc;
	  border-style: solid;	  
	}
	
	.card img {
	  width: 100%;
	}	
	
	.cardText {
	  padding-left: 10px;
	  padding-top: 10px;	  
	  padding-right: 50px;
	  
	}
	
	@media (min-width: 900px) {
	  .cards { 
		grid-template-columns: repeat(3, 1fr); 
	  }
	}	

	@media (min-width:600px) and (max-width:900px) {
	  .cards { 
		grid-template-columns: repeat(2, 1fr); 
	  }
	}		

 	/*-- CARDS --*/	
 	/*-- FOOTER --*/		

	.footer {
	  margin: 0 auto;	
	  max-width: 1200px;	
	  height: 100px;
	  /*border-width: 1px;*/
	  /*border-color: #333333;*/
	  /*border-style: solid;*/		  
	}	

 	/*-- FOOTER --*/