*{
	color:lightblue;
 }

body{
	background-image: url(../images/images/room.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	width:100vw;
	height: 100vh;
}

@font-face{
	font-family: 'romantic';
	src: url(../font/romantic.ttf);
}

header{
	margin-left: 70%;
}

h1{
	font-family: 'romantic';
	font-size: 20pt;
	letter-spacing: 10px;
	text-shadow: 2px 2px 6px lightgreen, 0 0 10em lightgreen;
}

ul{
	list-style: none;
	font-size: 10pt;
	line-height: 14pt;
}

a{
	text-decoration: none;
}

a:hover{
	text-shadow: 2px 2px 6px lightgreen, 0 0 10em lightgreen;
}

article{
	margin-top: 15vh;
	margin-left: 30vw;
}

.column{
	flex:50%;
	padding: 0 4px;
}

img{
	width: 15%;
	position: float;
	margin-left: 10px;
	border-style: outset;
	border-color: lightblue;
	vertical-align: middle;
}

/*article img:hover{
	transform: scale(400%);
	align-items: center;
	border-style: none;
	box-shadow: 1px 1px 3px lightgreen, 0 0 5em lightgreen;
}*/

footer{
	margin-left: 55%;
	margin-top: 20%;
}

ol li{
	font-family: 'romantic';
	letter-spacing: 5px;
	line-height: 20pt;
	text-shadow: 2px 2px 6px white, 0 0 10em white;
	font-size: 10pt;
}

footer{
	margin-top: 200px;
	height: 120px;
	overflow: scroll;
}

@media only screen and (max-width: 900px) { 
	img{
		width: 20%;
	}
	footer{
		margin-top: 240px;
	}
}

@media only screen and (max-width: 800px) { 
	body{
		max-height: 50vh;
	}
	img{
		width: 25%;
	}
}