body {
margin: 0;
}

header {
display: grid;
grid-template-columns: 1fr auto 1fr;
align-items: center;

color: white;
font-family: sans-serif;
background-color: #232323;
padding: 10px;
}

header h1 {
grid-column: 2;
margin: 0;
}

header div {
grid-column: 3;
justify-self:end;
}

header div a{
color: rgb(177, 177, 177);
text-decoration: none;
font-size: 20px;
padding: 10px;
}

.Hero_section{
display: grid;
grid-template-columns: 50% 50%;
place-items: center;
text-align: center;
background-color: #868686;
padding: 20px;
}
.Hero_section img{
padding-right: 140px;
grid-column: 1;
grid-row: 1;
width: 20%;
height: 100%;
justify-self: right;
}
.Hero_section p{
grid-column: 2;
grid-row: 1;
font-size: 40px;
justify-self: left;
}

.aboutus{
	padding: 10px 0 20px 0;
	background-color: #fdfdfd;
}

.aboutus h2{
	text-align: center;
	font-size: 30px;
	padding-bottom: 20px;
}

.aboutus p{
	text-align: center;
	font-size: 20px;
	padding: 0 20px 0 20px;
}