html, body {
	margin: 0px;
	padding: 0px;
}

body {
  width: 80%;
  margin: 0px auto;

	font-size: 1em;
	font-family: "futura-pt",sans-serif;
  line-height: 160%;

	background-color:  #EEE;
	background-image:  -webkit-gradient(linear, left top, right bottom, from(white), color-stop(0.3, white), to(#EEE));
	background-repeat: repeat-x;
	background-size: 10px 800px;
}

a:link, a:visited { color: #000; text-decoration: none; }

h1 {
  text-align: center;
  font-size: 2.6em;

  text-shadow: 0px -1px 0px #333;
  color: rgba(100,100,100,0.7);
}

.web_design_portfolio {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
}

.web_design_portfolio_item_thumb {
  width: 50%;
  min-width: 240px;

  float: left;
  display: block;

  text-align: center;
  box-sizing: border-box;
}

.web_design_portfolio_item_thumb:hover { cursor: pointer; }

.web_design_portfolio_item_thumb img {
  margin: 0px;
  padding: 0px;

  width: 100%;
  min-width: 240px;
}

.web_design_portfolio_item_thumb h1 {
  position: relative;
  top: -25px;

  font-size: 1.6em;
  font-weight: lighter;
}

footer {
  margin: 2em auto;
	padding: 0px;

	width: 100%;
  float: left;

	font-size: 0.9em;
	font-family: "ubuntu-mono",sans-serif;
  text-align: center;
}

#closebox {
  margin: 0px;
  padding: 0px;

  position: relative;
  top: 0px;
  left: 0px;
  z-index: 500;
}

#closebox:hover {
  cursor: pointer;
}

/* Breakpoints - Scaling down, unfortunately. Since this is retroactive to the original design, and a faster fix */

@media all and (max-width:720px) {
  .web_design_portfolio_item_thumb { width: 100%; }
}