@charset "UTF-8";
/* CSS Document */ 


body {
  width: 100%;	 
  margin: 1em auto;
  font: 1em/1.3 Arial, Helvetica, sans-serif;
}

.container-archive > div {
    padding: 10px;
    background-color: #FFFFFF;
    border: 1px solid #292B2B;
	background: #FFFFFF;
}  
 .container-archive {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-auto-rows: minmax(100px, auto);
  grid-gap: 10px;
  justify-content: start;					
  text-align: inline;
  padding: 10px;
  background-color: #FFFFFF;
  border: 1px solid #292B2B;
}

.container-index {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: 100px;
	grid-gap: 10px;
	background-color: #FFFFFF;
    border: 1px solid #292B2B;
}
.container-leadstory{
	display: grid;
	grid-template-columns: 2fr 2fr;
	background-color: #FFFFFF;
	margin-left: 10%;
	margin-right: 20%x;
	margin-bottom: 25px;
	grid-column-gap: 8px;
}
.container-leadstory div{
	padding-top: 20px;
	
}
.container-archive > div {
    padding: 10px;
    background-color: #FFFFFF;
    border: 1px solid #292B2B;
}  
 .container-archive {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-auto-rows: minmax(100px, auto);
  grid-gap: 10px;
  justify-content: start;					
  text-align: inline;
  padding: 10px;
  background-color: #FFFFFF;
  border: 1px solid #292B2B;
}

.container-index {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 200px;
	grid-gap: 5px;
	background-color: #FFFFFF;
    border: 1px solid #292B2B;
}

.container-archive > div {
    padding: 10px;
    background-color: #FFFFFF;
    border: 1px solid #292B2B;
}  
 .container-archive {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-auto-rows: minmax(100px, auto);
  grid-gap: 10px;
  justify-content: start;					
  text-align: inline;
  padding: 10px;
  background-color: #FFFFFF;
  border: 1px solid #292B2B;
}

.container-index {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 200px;
    grid-gap: 5px;
    background-color: #FFFFFF;
    margin: 10px;
    border: 1px solid #292B2B;
}


th, td {
  text-align: left;
  padding: 8px;
}

.grid-container {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(4 200px);
	justify-items: center;
	align-items: center;
	grid-gap: 10px 10px;
}

.grid-item {
	background color:#D3C8C8 ;
	border:2px #776F6F;
	padding: 15px;
}