html, body {
	marg
	in:0;
	height:100%;
}

img {
	width: 80%;
	height: auto;
	max-width: 80%;
    vertical-align: middle; 
}

.container{
	display: flex;
	justify-content: center;
	height: 100%;
	vertical-align: middle; 
}

.parent {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	grid-template-rows: repeat(5, 1fr);
	grid-column-gap: 0px;
	grid-row-gap: 0px;
}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.div1 { 
	grid-area: 2 / 3 / 3 / 4;
	white-space: nowrap; 
    text-align: center;
    margin: 1em 0;
}

.div2 { 
	grid-area: 2 / 4 / 3 / 5; 
	white-space: nowrap; 
    text-align: center;
    margin: 1em 0;
}

.div3 { 
	grid-area: 2 / 5 / 3 / 6; 
	white-space: nowrap; 
    text-align: center;
    margin: 1em 0;
}

.div4 { 
	grid-area: 3 / 3 / 4 / 4; 
	white-space: nowrap; 
    text-align: center;
    margin: 1em 0;
}
.div5 { 
	grid-area: 3 / 4 / 4 / 5; 
	white-space: nowrap; 
    text-align: center;
    margin: 1em 0;
}
.div6 { 
	grid-area: 3 / 5 / 4 / 6; 
	white-space: nowrap; 
    text-align: center;
    margin: 1em 0;
}
.div7 { 
	grid-area: 4 / 3 / 5 / 4; 
	white-space: nowrap; 
    text-align: center;
    margin: 1em 0;
}