body {
	background-color: white;
		overflow: scroll;
}


.topnav a{ 
 }


.container { 
display: grid; 
height: 200px;
grid-gap: 10px 40px;
grid-template-rows: 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33% 33%;
grid-template-columns: 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5%;
text-align: center;
justify-content: space-around;
}

.bruh{
	grid-row: 2 / span 8;
	grid-column: 3 / span 4;
	background-color: white;
	text-align: left;
	line-height: 25px;
}
.a{
	grid-row: 4/ span 2;
	grid-column: 3 / span 2;

}
.about{
	grid-row: 3 / span 5;
	grid-column: 3 / span 4;
	background-color: white;
	text-align: left;
	line-height: 25px;
}
.abouta{
	grid-row: 2 / span 1;
	grid-column: 2 / span 4;
	background-color: white;
	line-height: 1.5;
}
.team{
		grid-row: 10 / span 1;
	grid-column: 3 / span 4;
	background-color: white;
	line-height: 1.5;
}
.contact{
		grid-row: 10 / span 1;
	grid-column: 3 / span 4;
	background-color: white;
	line-height: 1.5;
}
.b{
	grid-row: 4/ span 2;
	grid-column: 5 / span 2;

}
.c{
	grid-row: 1 / span 1;
	grid-column: 3 / span 1;
	background-color: grey;
}
.d{
	grid-row: 1 / span 1;
	grid-column: 4 / span 1;
	background-color: grey;

}
.e{
	grid-row: 2 / span 1;
	grid-column: 1 / span 2;
	background-color: grey;

}
.f{
	grid-row: 6/ span 3;
	grid-column: 3 / span 2;
}
.f2{
	grid-row: 6/ span 3;
	grid-column: 5 / span 2;


}
.g{
	grid-row: 2 / span 1;
	grid-column: 3 / span 4;
	background-color: white;
	line-height: 1.5;
}
.partners{
	grid-row: 2 / span 1;
	grid-column: 3 / span 4;
}
.htech{
	grid-row: 2 / span 3;
	grid-column: 3 / span 4;
	background-color: white;
	text-align: left;
	line-height: 25px;
}
.ha{
	grid-row: 2 / span 4;
	grid-column: 3 / span 4;
	background-color: white;
	text-align: left;
	line-height: 25px;
}
.i{
	grid-row: 4 / span 1;
	grid-column: 4 / span 2;
	background-color: white;
}
.ii{
	grid-row: 3 / span 1;
	grid-column: 4 / span 2;
	background-color: white;
}
.ihome{
	grid-row: 4 / span 1;
	grid-column: 4 / span 2;
	background-color: white;
}
.k{
	grid-row: 10 / span 1;
	grid-column: 4 / span 2;
	background-color: white;
}

.j{
	grid-row: 7 / span 3;
	grid-column: 3 / span 4;
	background-color: white;

}
.x{
	grid-row: 11 / span 1;
	grid-column: 2 / span 2;
	background-color: grey;
}
@media screen and (max-width: 600px) {
	.a{
	grid-row: 1 / span 2;
	grid-column: 1 / span 1;
	background-color: grey;
}

