html{font-family: serif;}
html * {box-sizing: border-box;}
body{background-color: #999999;}


h1{
	text-align: center;
	border-radius:10px;
	background-color:navy;
	margin-top:2px;
	color:white;
}
.logoPic{
	border:solid 1px;
	margin:1px;
}
h2{
	border-bottom: 1px dotted;
	margin-bottom:2px;
}
.advertise{text-align: center;}
.roomSelect{text-align: center;}
.roomSelect img{
  width: 95%;
  margin-bottom: 0px;
}
.roomSelect p{margin:1px}
.roomSelect a:hover{color:gray;}

/*profile*/
footer h2{margin-bottom:2px;}
.profile{
	display:flex;
	margin-top:2px;
	background-color:white;
	border-radius:8px;
	border:1px solid;
	max-width: 700px;
	}
.profImage{
	width:200px;
	height:auto;
	margin-top:2px;
	margin-right:20px;
	border-radius: 8px;
}
.profContents{
	max-width: 400px;
}
p.hover:hover{
	color:gray
}

@media (max-width: 767px){
	footer h2{margin-bottom:2px;}
	.profile{
		display:flex;
		margin-top:2px;
		}
	.profImage{
		width:70px;
		height:46px;
		margin-top:50px;
		margin-right:20px;
	}
}