html {
height: 100%;
}

body {
text-align:center;font-size:12pt;
}

.style_28pt {
font-size:19pt;
}

.style_box {
margin:auto;box-sizing: border-box; width:800px ;border:5px solid #96BE5A;border-radius:30px;padding: 20px;font-size:19pt;
}

td {
 width:250px;vertical-align:top;padding:0cm 5.4pt 0cm 5.4pt;
}

* {
font-family: 'Tahoma', 'Open Sans', sans-serif; 
}
img {
width:25vw;height:auto
}
.grid1-container {
	    display: grid;grid-template-columns: 20% 80% /*1fr 3fr*/; max-width: 850px; margin: auto;
 }
.grid1-child-green
	{background-color: #96BE5A;color: white; margin: auto;height: 200px; width: 125px ; display: flex;align-items: center;justify-content: center;font-size:17pt; 
} /* width: 100px */
.grid1-child
        {margin: auto; background-color: white; color: black; text-align: justify;
}
.grid2-container {
	display: grid;grid-template-columns: 20% 80% /*1fr 3fr*/; width: 850px; margin: auto;
}

.grid2-container-left {
	background-color: #96BE5A;color: #ffffff; margin: auto; width: 125px ; display: flex;align-items: center;justify-content: center;
}

.grid2-container-left:nth-child(1) {
	background-color:  #96BE5A;height: 175px;
}
.grid2-container-left:nth-child(3) {
	background-color: #96BE5A;height: 100px;font-size:17pt;
}
.grid2-container-left:nth-child(5) {
	background: linear-gradient(180deg, rgba(150,190,90,1) 0%, rgba(150,190,90,1) 0%, rgba(39,65,113,1) 100%);
	height: 150px;
}
.grid2-container-right {
	        margin: auto; background-color: white; color: black;text-align: justify;
}

.grid2-container-right:nth-child(2) {
        height: 175px;
}
.grid2-container-right:nth-child(4) {
        height: 100px;
}
.grid2-container-right:nth-child(6) {
        height: 150px;