.grid-container {
	/* box-shadow: 9px 9px 9px 9px;*/
	  display: grid;
	  
	  grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
	  grid-auto-rows: 1fr;
	 /* background-color: #ffffff;*/
	  padding: 10px;
	 gap: 3px 10px ;

	}
	.grid-item1 {
	  background-color: #520101;
	  background-attachment: fixed;
	  border: 1px solid rgba(255, 255, 255, 0.377);
	  padding: 1px;
	  text-align: justify;
	  font-family: Arial, Helvetica, sans-serif;
	  padding: 30PX;
	  color: #ffffff;
	}

	.grid-container2 {
	/* box-shadow: 9px 9px 9px 9px;*/
	  display: grid;	  
	  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
	  grid-auto-rows: 1fr;
	 /* background-color: #ffffff;*/
	  padding: 5px;
	/*  gap: 3px 3px;*/

	}
	
	.grid-item2 {
	  
		background-color: #ffffff;
	  background-attachment: fixed;
	  border: 1px solid rgba(255, 255, 255, 0.377);
	  padding: 1px;
	  text-align: justify;
	  font-family: Arial, Helvetica, sans-serif;
	  padding: 8PX;
	  color: #000000;
      font-size: medium;
	}
	.grid-item:hover{
		background-color: rgb(0, 0, 0);
		color:#ffffff;
		font-size: medium;
	}


	.grid-containerfoot{
		/* box-shadow: 9px 9px 9px 9px;*/
		display: grid;	  
	  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
	  grid-auto-rows: 1fr;
	 /* background-color: #ffffff;*/
	  padding: 5px;
	/*  gap: 3px 3px;*/

	}

	.grid-itemfoot {
	  
	
	padding: 1px;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	padding: 8PX;
	color: #ffffff;
  }
	


	footer{

		background-color: #520101;
		height: 100%;


	}