.oldmenu {
display:flex;
flex-direction:row;
flex-wrap: wrap;
}

.oldmenu {
justify-content:space-around;
align-items:flex-start;
align-content:space-between;
}

.oldmenu a {text-decoration:none;}

/*=============================
         DEFAULT PAGE
==============================*/

#default main {padding-top:1em;}

/* ORIGIN MENU STUFF */
.oldmenu-item {
	width:94%; /* full-width columns */
	padding:0;
	border:1px solid #000;
	margin-top:.5em;
	margin-bottom:.5em;
	text-align:center;
}

.oldmenu-item:hover {color:#000;}

.oldmenu-item dl {
	margin:0;
	padding:.5em;
}

.oldmenu-item dt {line-height:2.7;}

.oldmenu-item dd {display:none;}


/*-----------------------------------------
      Background animation on menu items 
------------------------------------------*/
.oldmenu-item,
.oldmenu-item:link,
.oldmenu-item:visited {transition:color 0s ease;}

/* Blue Waves */
.waves {
	background-image:url('/assets/images/article20/waves-opaque.jpg');
	background-position:left bottom;
	background-repeat:repeat-x;
}

@keyframes bluewaves {
  from {background-position:0px bottom;}
  to {background-position:132px bottom;}
}

.waves:hover, .waves:active, .waves:focus {
	animation-name:bluewaves;
	background-image:url('/assets/images/article20/waves.jpg');
}

.waves:hover, .waves:active, .waves:focus {
	animation-duration:10s;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
	animation-direction:reverse;
}

/* Sandscape */

.sand {
	background-image:url('/assets/images/article20/sand-opaque.png');
	background-position:left bottom;
	background-repeat:repeat-x;
}

@keyframes sandscape {
  from {background-position:0px bottom;}
  to {background-position:1117px bottom;}
}

.sand:hover, .sand:active, .sand:focus {
	animation-name:sandscape;
	background-image:url('/assets/images/article20/sand.jpg');
}

.sand:hover, .sand:active, .sand:focus {
	animation-duration:110s;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
	animation-direction:reverse;
}

/* Seascape */

.sea {
	background-image:url('/assets/images/article20/sea-opaque.jpg');
	background-position:left bottom;
	background-repeat:repeat-x;
}

@keyframes seascape {
  from {background-position:0px bottom;}
  to {background-position:761px bottom;}
}

.sea:hover, .sea:active, .sea:focus {
	animation-name:seascape;
	background-image:url('/assets/images/article20/sea.jpg');
	color:#fff;
}

.sea:hover, .sea:active, .sea:focus {
	animation-duration:40s;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
	animation-direction:reverse;
}

/* Jungle */

.jungle {
	background-image:url('/assets/images/article20/jungle-opaque.png');
	background-position:left bottom;
	background-repeat:repeat-x;
}

@keyframes jungleflight {
  from {background-position:0px bottom;}
  to {background-position:1289px bottom;}
}

.jungle:hover, .jungle:active, .jungle:focus {
	animation-name:jungleflight;
	background-image:url('/assets/images/article20/jungle.jpg');
	color:#ffe34c;
}

.jungle:hover, .jungle:active, .jungle:focus {
	animation-duration:45s;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
	/* animation-direction:reverse; */
}

/* Space */

.space {
	background-image:url('/assets/images/article20/space-opaque.png');
	background-position:right bottom;
	background-repeat:repeat-x;
}

@keyframes spaceflight {
  from {background-position:0px bottom;}
  to {background-position:1036px bottom;}
}

.space:hover, .space:active, .space:focus {
	animation-name:spaceflight;
	background-image:url('/assets/images/article20/space.jpg');
	color:#fff;
}

.space:hover, .space:active, .space:focus {
	animation-duration:60s;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
	/* animation-direction:reverse; */
}

/* Fixed menu-item backgrounds on span */

.oldmenu-item span.fixed {
	position:relative;
	display:block;
	background-repeat:no-repeat;
	z-index:5;
}

.fp, .comms {left:0; top:0;}

.fp:hover {
	background-image:
		url('/assets/images/article20/subdomain.png'),
		url('/assets/images/article20/camels.png');
	background-position:right top, left bottom;
}

.about:hover {
	background-image:url('/assets/images/article20/schooner.png');
	background-position:left bottom;
}

.notes:hover {
	background-image:url('/assets/images/article20/monarch.png');
	background-position:95% bottom;
}

.comms:hover {
	background-image:url('/assets/images/article20/radio.png');
	background-position:right bottom;
}

/* =====================================================
                  MEDIA QUERIES
=======================================================*/

@media only screen and (min-width:700px) {
	
	.oldmenu-item {width:46%;}
	
	.oldmenu-item dt {line-height:inherit;}
	
	.oldmenu-item dd {
	display:block;
	font-size:.8rem;
	margin-left:0;
	}
	

}