div.screen {
	max-width: 34em !important;
}

.screen {
	
max-width: 34em !important;

margin-left: auto;
margin-right: auto;
margin-top:1rem;
margin-bottom:1rem;

border-radius: 0.3em;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	
	/*  padding-left: max(21px, 6%);
padding-right: max(7px, 2%);
padding-top: max(12pt, 6%);
padding-bottom: max(7px, 2%);
	*/

padding-left: 6%;
padding-right: 2%;
padding-top: 6%;
padding-bottom: 2%;

font-size: 12pt;
line-height: 12pt;


word-wrap: break-word;
-webkit-text-size-adjust: none;

}

/*
font-family: "Courier", monospace !important;
*/

.screen p {
	font-family: "Courier", monospace !important;
margin-bottom: 0;
margin-top: 0;
font-size: 12pt;
line-height: 12pt;
letter-spacing: 0;
color: #111111;
}

.screen .slug {
text-transform: uppercase;
padding-bottom: 12pt;
}

.screen .acti {
padding-bottom: 12pt;
}

.screen .char {
text-transform: uppercase;
max-width: 66.5%;
margin-left: 33.3%;
}

.screen .dial {
max-width: 58.4%;
margin-left: 16.6%;
margin-right: 16.6%;
padding-bottom: 12pt;
}

.screen .para {
margin-left: 25%; 
max-width: 33.3%;
margin-right: 25%;
}

.screen .tran {
text-transform: uppercase;
text-align: right;
max-width: 33.3%;
margin-left: 66.5%;
padding-bottom: 12pt;
}

.screen	.cent {
text-align: center;
}

.screen svg {
margin-bottom: 12pt;
}

.screen img {
margin-bottom: 18pt;
}

.screen hr {
width:50%;
 margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: auto;
  margin-right: auto;
border: 1px solid blue;
border-radius: 1px;

}