html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

a:link {
  color: black;
  font-style: italic;
  text-decoration: none;
}

a:visited {
  color: black;
}

a:hover {
  color: blue;
  font-style: normal
}

a:active {
  color: black;
}

body {
    width:auto;
    font-family: "Times New Roman", serif;
    font-size:20px; 
    line-height: 16pt; 
    letter-spacing:0.5px;
}

.container {
    width: 520px;
    padding: 8px 0px 0px 10px;
}

.bold {
    font-weight: bold;
}

img {
    display:block;
    max-width:520px;
    width: 100%;
    height: auto;
    margin-top: 10px;    
}

.image-wrapper > p {
    position: relative;
    float: left;
    margin: 0px;
    padding: 0px;
    height:auto;
}

.image-wrapper > p > img {
    position: relative;
    float: left;
    margin: 0px;
    padding: 0px;
    height:auto;
}

@media (max-width:550px) {
   
body {
    font-size:5.4vw; 
    line-height:5.9vw;
}
    
.container {
    width: calc(100vw - 20px);
    }
    
}