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

body{
	margin: 0;
}

.wrapper{
	background-color: #E6E6E4;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto 3%;
	box-sizing: border-box;
	padding: 3%;
}

.wrapper img{
	display: block;
	line-height: 0;
}

.wrapper ul{
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	column-gap: 5px;
	grid-row-gap: 5px;
	justify-content: center;
}

.wrapper ul li{
	width: calc(33.3% - 5px);
}

.wrapper ul li:nth-child(8), .wrapper ul li:nth-child(9), .wrapper ul li:nth-child(10), .wrapper ul li:nth-child(11) {
	width: calc(25% - 5px);
}


.grid-container {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-template-rows: repeat(2, 1fr);
  gap: 5px;
  width: 99%;
	margin: 0 auto;
}

.item-left-main {
  grid-column: 1 / 3;
  grid-row: 1 / 3;
}

.item-text {
  grid-column: 3 / 4;
  grid-row: 1 / 2;
  display: flex;
  align-items: center;
  font-weight: bold;
  /*padding: 10px;*/
  box-sizing: border-box;
  overflow: hidden;
  word-wrap: break-word;
}

.item-text p{
	margin: 0;
	font-size: .55rem;
	line-height: 1.5;
	font-family: "avenir-lt-pro", sans-serif;
	font-weight: 400;
	font-style: normal;

}

.item-text p span{
	font-weight: bold;
}

.item-right-top {
  grid-column: 4 / 5;
  grid-row: 1 / 2;
}

.item-right-bottom-1 {
  grid-column: 3 / 4;
  grid-row: 2 / 3;
}

.item-right-bottom-2 {
  grid-column: 4 / 5;
  grid-row: 2 / 3;
}

.grid-container img {
  width: 100%;
  object-fit: cover;
  display: block;
}

@media(min-width:750px){
	.item-text{
		justify-content: center;
	}

	.item-text p{
		margin: 0;
		font-size: .9rem;
		line-height: 1.8;
	}

	.item-text p span{
		font-size: 1.1rem;
	}
}