@charset "utf-8";
	
body {
	margin: 0;
	border-style: none;
	padding: 0;
	width: 98vw;
	min-height: 100vh;
	background-color: #393939;
}

#content {
	margin: 0 auto;
	padding: 2rem;
	width: 60%;
	min-height: 100vh;
	background-color: ivory; /*#fdfdfd;*/
	border-top: 1.5rem solid blue;
}

.x {
	display: inline-block;
	width: 48%;
	text-align: center;
}

h1 {
	font-size: 1.75rem
}

#add1 {
	display: none;
}

table {
	width: 40%;
}

.reg {
	font-size: .9rem;
	vertical-align: text-top;
}

#pics img {
	border: 1px solid #000;
	margin-bottom: 1rem;
	width: 80%;
}

.works {
	font-style: italic;
	font-size: 1.2rem;
}

.w70 {width: 70%;}
.w65 {width: 65%;}

@media only screen and (390px <= width <= 932px){
	#content {
		width: 100vw;
		max-width: 100vw;
		padding: .75rem;
	}
	#content div {
		display: block;
	}
	h1 {
		font-size: 1.1rem;
	}
	.x {
		display: block;
		width: 98%;
	}
	table {
		width: 100%;
	}
	td {
		font-size: .8rem;
		min-width: 48%;
	}
	#add1 {
		display: block;
	}
	#add2 {
		display: none;
	}
}