/*
body{
	margin: 4px;
	background-color: rgb(60, 60, 120);
	color: rgb(255, 255, 255);	
	font-size: 150%;
	color: #FFFF00;

}
*/

#Instructions{
	/*background-color: white; */
	font-size: 120%; 

}

#InstructionsTitle{
	font-size: 150%;
	margin: 0px;
/*	color: skyblue; */
	color: black;
}

h3{
    margin: 0px;
}

ol{
	margin: 0px;
}

#Coffeemaker{
/*	height: 550px; */
	height: auto;
/*	background-color: white; */
	color: black;
}

#Locks{
/*	width: 95%; */
	height: 300px;
	height: auto;

/*
	background-color: darkolivegreen;
	color: yellow;

	color: skyblue;
*/

/*	background-color: white; */
	color: black;

}
	
#Jacuzzi{
/*	width: 95%; */
	height: 200px;
/*
	background-color: darkorange;
	color: lemonchiffon;
*/

/*	background-color: white; */
	color: black;


}

#Speakers{
/*	width: 95%; */
/*	height: 450px; */
	height: auto;

/*
	background-color: firebrick;
	color: yellow;
*/

/*	background-color: white; */
	color: black;

}

#TV{
/*	width: 95%; */
	height: 200px;
/*
	background-color: rosybrown;
	color: white;
*/

/*	background-color: white; */
	color: black;


}

#Grill{
/*	width: 95%; */
	height: 200px;
/*
	background-color: hotpink;
	color: darkolivegreen;
*/

/*	background-color: white; */
	color: black;

}

/*
#alarmActive{

	color: white; *?

	background-color: white;
	color: black;

}

#alarmdeactivate{
	color: white;
	
}
*/

@media screen and (max-width: 800px) {

#Coffeemaker{
/*	height: 650px; */
/*	background-color: white; */
}
 
}
@media screen and (max-width: 500px) {

	#Locks{
/*		height: 450px; */

	}

	#Coffeemaker{
	/* height: 900px; */
	/*	background-color: white; */
	}

	#Speakers{
	/*	height: 600px; */
}

}