html, body {
	height: 100%;
	background: url(/wilson.jpg) center	top no-repeat hsla(199, 17%, 43%, 0.85);
  background-size: cover;
  background-attachment: fixed;
}

.bidniss{
	margin-top: 100px;
}

.personal {
  background: url(/avatar_millett.png) right 20px top 0 no-repeat;
  background-size: 140px;
  padding-top: 282px;
}

.business {
  background: url(/avatar_cascabel.png) left -35px top -45px no-repeat;
  background-size: 350px;
  padding-top: 130px;
}

.nav:not(.quaternary) {
	margin-bottom: 20px;
}

.nav li a {
	display: inline-block;
	font: 1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: 0 0 1px 0;
  font-weight: 200;
}

.nav li a:hover {
	background: none;
}

.personal .nav li {
  text-align: right;
  padding-right: 20px;
}

.personal .nav a {
  color: #ff7900;
  border-bottom-color: #ff7900;
}

.personal .nav span {
  color: #ff7900;
  padding: 0 10px;
}

.business .nav li {
  padding-left: 20px;
}

.business .nav a {
  color: #22a5eb;
  border-bottom-color: #22a5eb;
}

.business .nav span {
  color:  #cddae1;
  padding: 0 10px;
}

.thelists {
	border-radius: 20px;
	padding-top: 15px;
	background-color: hsla(199, 17%, 43%, 0.85);
	box-shadow:  #334b57 5px 5px 20px;
}

.thelists .nav li {
  padding-left: 20px;
}

.thelists .nav a {
  color: #f4f2f0;
	letter-spacing: 2px;
}

.thelists .nav span {
  color: #cddae1;
  padding: 0 10px;
}

.thelists .nav li.listheader {
	font-size: 2em;
	border-bottom: 1px solid color(display-p3 0.727 0.659 0.633);
	color: #ffffff;
	padding-left: 0px;
	margin-top:10px;
	margin-bottom: 5px;
}

@media (max-width: 767px) {

	.container {
		/* padding: 0; */
	}
	
	.bidniss{
		margin-top: 50px;
		margin-bottom: 50px
	}
	
	.nav li a {
	  font-size: 1.5em;
	  padding: 5px 0 5px;
	  font-weight: 200;
	}

	.personal .nav li {
	  text-align: left;
	  border-bottom: 1px dashed #ff7900;
	}

	.business .nav li {
		padding-left: 15px;
		border-bottom: 1px dashed #22a5eb;
	}
	
	
}

@media print {
	div {
		position: relative;
		display: block;
		float: none;
	}
	ul:not( .primary ) {

	break-before: always !important;
  break-inside: avoid !important;
  
	page-break-before: always !important;
  page-break-inside: avoid !important;
	}
}