* {
  margin: 0px;
  padding: 0px;
  font-family: helvetica;
}
a {
	text-decoration:none;
	color:black;
}
.container {
	  justify-content: center;
	  flex-wrap: wrap;
	  display: flex;
	  text-align: center;
	  border: 0px solid blue;
  }
.item {
  color: rgba(0,0,0,0);
  aspect-ratio: 0.33 / 0.33;
  width: 33%;
  border: 0.5em solid white;
  flex-basis: 33%;
  flex-grow: 1;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  display: flex;	
  font-size: 1.5em;
    text-transform: uppercase;
}
 .item:hover {
  box-shadow: inset 0 0 10em #FFF;
  color: rgba(255,255,255,1);
  }

.item.i1{
	background-image: url("/restaurant-in-zurich/2.jpeg");
}
.item.i2{
	background-image: url("/toncelli-showroom/1.jpg");
}
.item.i3{
	background-image: url("/ms-residence/1.jpg");
}
.item.i4{
	background-image: url("/restaurant-toscano/1.jpg");
}
.item.i5{
	background-image: url("/ge-digital-corporate-office/1.jpeg");
}
.item.i6{
	background-image: url("/colonial-mansion-refurbishment/2.jpg");
}
.item.i7{
	background-image: url("/wall-mural-olga-hoeve/1.jpeg");
}
.item.i8{
	background-image: url("/conceptual-sketches-to-reality/2.jpg");
}
.top {
	  margin-top: 1em;
	  text-align: center;
	  display:flex;
}
div.nav {
	border: 0px solid red;
	display: inline-block;
	text-align: left;

}
div.nav a {
	white-space: nowrap;
	display: inline-block;

}
main {
	margin: 1em;
	max-width: 100%;
}
img {
	border: 0px solid red;
	margin: 2em;
	max-width: 80%;
}
img.portfolio {
	width: 90%;
}
img.no_bottom_margin{
	margin-bottom: 0em;
	width: 100%;
}
img.no_top_margin{
	margin-top: 0em;
	width: 100%;
}

p {
	padding-top: 1em;
	padding-bottom: 1em;
	max-width: 80%;
	font-size: 1.2em;
	text-align:left;
}
.top img.logo{
	  width: 20%;
	  margin-bottom: 3em;
  margin-left: auto;
    margin-right: auto;
    border: 0px solid red;
    position: relative;
    transform: translateX(-50%);

}