body {bacground-color:#fff;color:#000;}
.hnav {
display:block;
}
#mnavdisplay {
	display:none;
	border:1px solid #fff;
	width:30px;
	height:30px;
	flex-direction:column;
	justify-content:space-evenly;
	padding:3px;
}
#mnavdisplay > div {
	height:3px;
	background-color:#fff;
}
#mship {
font-size:1.3rem;
}
#mships {
display:flex;
justify-content:space-between;
gap:12px;
}
#mships h2 {color:#000;}
#mships > div {
	height:100%;
	min-height:500px;	
	max-height:auto;
	box-shadow: 0 0 1px 1px red;
	padding:0 12px;
	background-color:#151515;
}
#mships a {
color:red;
}
.tul {
color:#000;
text-decoration:underline;text-decoration-color:red;
}

.quote {
	background-color:#000;
	padding:6px;
	text-align:center;
	font-style:italic;
}

#ffb {
width:100%;
height:auto;
display:block;
}
.ffb {
float:left;
width:23%;
height:200px;
margin:0.5%;
padding:6px;
box-shadow:0 0 2px 2px pink;
font-size:20px;
display:flex;
text-align:center;
flex-direction:column;
justify-content:center;
align-items:center;
gap:6px;
background-color:#B404AE;
}


@media only screen and (max-width: 600px){
	#mnavdisplay {
		display:flex;
	}
	.hnav {
		display:none;
		position:fixed;
		flex-direction:column;
		gap:5px;
		padding:6px;
		margin:3px 0;
		background-color:#2e2e2e;
		box-shadow:0 0 2px 2px #f2f2f2;
	}
	#mships {
		flex-direction:column;
	}	
}