<style>
.panelContainer { padding:12px;background-color:#b80106;background-image:url(/img/ds-lady-red.jpg);background-size:cover }
.panelContainer h2 { margin-top:6px;color:#fff;font-size:24px;text-align:center }
.panel3 { max-width:1152px; margin:12px auto }
.col3 { float:left;width:31% }
.col3:nth-child(2) { margin:0 3.5% }
.panel { background:#fff;padding:10px;border:1px solid #666;border-radius:6px }
a.panelButton { margin:12px auto;text-shadow:0 0 2px #000;background-color:#666;border:1px solid #444;text-decoration:none;padding:2px 12px;border-radius:6px;text-align:center;display:inline-block;color:#fff }
a.panelButton:hover { box-shadow:0 0 4px #333 }
.panelButtonBigRed { background-color:#9d1302!important; padding: 15px 36px!important }
.overlay {
  position: absolute;
  top: 0;
  bottom: -500px;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.8);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  z-index: 10001;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}
.popupPanel {
  margin: 70px auto;
  padding: 12px;
  background: #fff;
  border: 1px solid #666;
  border-radius: 6px;
  max-width: 700px;
  position: relative;
  transition: all 2s ease-in-out;
  box-shadow: 0 0 8px #333;
}
.popupPanel h4 { margin-top:0;padding-top:0;text-align:center } 
.popupPanel .closePanel {
  float:right;
  transition: all 200ms;
  text-decoration: none;
  color: #933;
  padding:0 0 0 12px;
}
.popupPanel .closePanel:hover {
  font-weight: bold;
}
@media(max-width:768px){
	.col3 { float:none;width:100%;margin-bottom:12px }
	.col3:nth-child(2) { margin:0 0 12px 0 }
	.popupPanel { max-width: 90%; }
}
</style>
