@media (min-width: 768px) {
  .container {
    display: grid;
    grid-template-columns: 200px 1fr 200px;
    grid-template-rows: auto 1fr auto;

  }
}

b{ font-weight: bolder}
br{padding:0}
 

header {
  grid-column: span 3;
  padding: 30px;
  text-align: left;
  font-size: 2.4em;
  background-color: #333;
  color: white; 
  background-size: 10% auto;
 
}
 #logo { 	
 	width: 100%;
	height: 248px;
	z-index: 2;
	left: 31px;
	top: 67px;
	background-image: url(Images/leosLogo.jpg);
	background-color: white;
	text-align:center;
	background-position: center;
	background-repeat:no-repeat;
	margin-top:30px;
	margin-bottom:30px;
	background-size:270px  270px
}

.pnp{ 
	background-image : url(Images/2006pnp.jpg);
	background-position: center;
	background-repeat:no-repeat;
	 
}

pipe{
	 font-weight:bolder;
	 color:#b90000 ;
 }
.hscrft {
	background-color:white; 
	/*background-image: url(Images/drum.gif);*/
	text-align: center;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 50%;
}

li{
 
	  font-size:1.5em;
 }