html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

/* iphone 12 */
@media only screen and (min-width: 390px) and (max-width: 767px) {
.date {
	font-size: 1.25em!important;}
.last {
	font-size: 1.25em!important;}
}

/* pixel 2 */
@media only screen and (min-width: 411px) and (max-width: 767px) {
.LSpacer {
    width: 4%!important;}
#DHlogo {
  	width: 92%!important;}
.date {
	font-size: 1.3em!important;}
.last {
	font-size: 1.3em!important;}
}

@media only screen and (max-width: 375px) {
.LSpacer {
    width: 4%!important;}
#DHlogo {
  	width: 92%!important;}
.date {
	font-size: 1.25em!important; /*was 1.1*/
	top: -30px!important;}
.last {
	font-size: 1.25em!important;}
}
.last {
	font-size: 24px;
	text-align: center;
	color: rgb(255, 255, 102);
	position: relative;
	margin-top: -5px;
	margin-bottom: -10px;
	top: -20px;
}
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: rgb(255, 255, 102, 0.5);
}
li {
  float: left;
}

li a {
  display: block;
  color: black;
  text-align: center;
  margin-top: 0px;
  padding: 10px 16px;
  text-decoration: none;
}

li a:hover:not(.active) {
  background-color: rgb(255, 255, 102);
}
.active {
  background-color: rgb(255, 255, 102);
}

.ClearBreak {
    width: 100%;
    height: .25em;
    clear: left;
}


.date {
	font-size: 24px;
	text-align: center;
	color: white;
	position: relative;
	margin-top: -5px;
	margin-bottom: -10px;
	top: -20px;
}
.current {
	background-color: rgb(255, 255, 102);
}
.current2 {
	background-color: rgb(255, 255, 102, 0.5);
}
.homelink {
	text-align: center;
	font-size: 24px;
	margin-top: 30px;
	color: red;
}
.specBly {
text-align: center;
background-image: linear-gradient(90deg, white, rgb(255, 255, 102)30%, rgb(255, 255, 102)70%, white);
margin-top: -1.25em;
margin-bottom: 1em;
}
.specBlyp {
text-align: center;
margin-top: -1.25em;
margin-bottom: 1em;
}
.cha {
color: rgb(230, 172, 188);
}