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;
}


ul li {
	list-style-type: none;
}
		
span {
	color: rgb(255, 255, 255);
	text-decoration: none;
	font-family: "Times New Roman", Times, serif;
	font-size: 40px;
	font-weight: bold;
}
div {
    display: block;
    unicode-bidi: isolate;
}


@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;
	}