.panel-display, .panel-control{
	text-align:center;
}

figure {
    box-shadow: 0px 2px 4px  #bbbbbb;
	

}


figure.float figcaption, figure.float-right figcaption {

	margin-right:.5em;
	margin-left:1em;
		margin-top:-1em;

}


figure.mid figcaption {
	margin-right:0.5em;
	margin-left:1em;
	padding-bottom:0.25em;

}

figure img {
	margin-bottom:0;
}
figure p {
	padding-top:0;
	padding-bottom:0em;
}

figure div {
	margin:10px;
}

figure img {
 box-shadow: none;
}


figure strong {
	font-weight:900;
}

figure.float-right {
  width: 300px;
  float: right;
  margin: 0 -7em 1em 1em;

}

figure.float {
  width: 300px;
  float: left;
  margin: 0 2em 1em -7em;

}

figure.mid  {	
  width: 90%;
   margin-left: 2%;
}

@media only screen and (max-width: 800px) {
  figure.float-right, figure.float{
    float: none;
    margin-left: 10%;
    width: 80%;
  }
}

.float-image-right, img[src*="float-right"] {
  width: 300px;
  float: right;
  margin: 0 -3em 1em 1em;
  box-shadow: 0 3px 3px #bbbbbb;
}

@media only screen and (max-width: 800px) {
  .float-image-right, img[src*="float-right"] {
    float: none;
    margin: 0;
    width: 100%;
  }
}