body{
	background: linear-gradient(135deg, #FFFFFf80 50%, transparent 0),linear-gradient(-135deg, #FFFFFf80 50%, transparent 0);
    background-size: 3em 3em;
    background-color: #EAEAEB;
    opacity: 1
}

.header{
	clear: both;
	background-image: url("../img/header.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: top;
	height: 250px;
	width: 100%;
	text-align: center;
	padding-top: 50px;
}

#bedroom{
	background-image: url("../img/bedroom.png") !important;
}

#bathroom{
	background-image: url("../img/bathroom.png") !important;
}

#kitchen{
	background-image: url("../img/kitchen.png") !important;
}

#small{
	background-image: url("../img/small.png") !important;
}

#apeldoorn{
	background-image: url("../img/apeldoorn.png") !important;
}

#header-text{
	display: inline;
	font-size: 3em;
	font-style: italic;
	color: black;
	font-weight: bold;
	padding: 5px 20px;
	background: rgba(255, 255, 255, 0.5);
}

#content{
	width: 760px;
	height: auto;
	background: white;
	border: 3px inset #EAEAEB;
	margin: 0 auto;
	padding: 20px;
}

h2{
	font-weight: bold;
	font-size: 1.8em;
	text-align: center;
	padding: 20px;
}

p{
	padding: 10px;
	font-size: 1.1em;
	line-height: 1.5;
}

.highlight{
	text-align: center;
	font-weight: bold;
	font-size: 1.15em;
}

.note{
	font-style: italic;
}

.selected{
	color: brown !important;
}

.arrow {
  margin-bottom: 2px;
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.ordered{
	list-style: decimal;
	padding: 10px 10px 10px 50px;
	font-size: 1.1em;
	line-height: 1.5;
}

.nested-image{
	width: 100%;
}

@media only screen and (max-width: 600px) {
  #content {
    width: 90%;
  }
}