TemplateStyles:Infobox theatre

.infobox {

 border: 1px solid #a2a9b1;
 border-spacing: 3px;
 background-color: #f8f9fa;
 color: black;
 margin: 0.5em 0 0.5em 1em;
 padding: 0.2em;
 float: right;
 clear: right;
 font-size: 88%;
 line-height: 1.5em;
 width: 22em;
 font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;

}

.infobox th, .infobox td {

 vertical-align: top;
 text-align: left;
 padding: 0.2em 0.6em 0.2em 0.6em;
 border-collapse: collapse;

}

.infobox caption, .infobox-title, .infobox .infobox-above {

 font-size: 125%;
 font-weight: bold;
 text-align: center;
 padding: 0.4em 0;

}

.infobox .infobox-header, .infobox .infobox-subheader, .infobox .infobox-image, .infobox .infobox-full-data, .infobox .infobox-below {

 text-align: center;
 padding: 0.2em 0;

}

.infobox img {

 max-width: 100%;
 height: auto;
 display: block;
 margin: 0 auto;

}

.infobox .infobox-label {

 font-weight: bold;
 white-space: nowrap;
 padding-right: 0.4em;
 width: 35%;

}

.infobox .infobox-data {

 width: 65%;

}

.infobox .infobox-caption {

 font-size: 90%;
 font-style: italic;
 text-align: center;
 padding-top: 0.2em;

}

.infobox .infobox-nested {

 margin: 0;
 padding: 0;
 border: none;
 width: 100%;

}

@media screen and (max-width: 480px) {

 .infobox {
   float: none;
   width: 100%;
   margin: 0.5em 0;
 }

}