body {
            background: rgb(225, 227, 222);
        }

img {
	display: inline-block;
	width: 24.5%;
	height: auto;
}

#navbar {
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    z-index: 100;
    width: 100%;
    background: rgb(44, 117, 58);
}

#navbar a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 40px;
  font-family: "Roboto";
}

#navbar a:hover {
  background-color: #e7752e;
  color: black;
}

container {
	display: flex;
	align-items: center;
}

@media (max-width: 1200px) {
img {
	display: inline-block;
	width: 33%;
	height: auto;
	}
}
@media (max-width: 900px) {
img {
	display: inline-block;
	width: 49.5%;
	height: auto;
	}
}

@media (max-width: 600px) {
img {
	width: 100%;
	height: auto;
	}
container {
	display: flex;
	flex-direction: column;
	align-items: center;
	}
}