<head>
<style>
body {
    display: table-cell;
}

html {
    display: table;
    margin: auto;
}

.column {
  float: left;
  width: 50%;
}

h1 {
  margin: 50px 40px 25px 40px;
}

h2 {
  margin: 25px 50px 25px 50px;
}

h3, p {
  margin: 0px 50px 0px 50px;
}

h1, h2, h3, p {
  max-width: 600px;
}

p.quote {
  margin: 0px 80px 0px 80px;
  max-width: 500px;
}

ul, ol {
  margin: 0px 50px 0px 50px;
  max-width: 500px;
}

li.reference {
overflow-wrap: anywhere;
}

p.white {
  color: white;
}

img.large, img.medium3, img.medium2, img.medium, img.small2, img.small, img.small0 {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 5px;
  display: block;
  margin: 0px 60px 0px 60px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1.5px 5px 0 rgba(0, 0, 0, 0.19);
}

img.large {
  width: 550px;
}
img.medium3 {
  width: 450px;
}
img.medium2 {
  width: 375px;
}
img.medium {
  width: 300px;
}
img.small2 {
  width: 225px;
}
img.small {
  width: 150px;
}
img.small0 {
  width: 100px;
}

@media screen and (max-device-width: 500px){
li {
  margin-bottom: 20px;
}
}

@media screen and (max-device-width: 500px){
h1, h2, h3, p, p.quote, ul, ol {
  max-width: none;
}
}

@media screen and (max-device-width:365px) {
    body {
        font-size: 20px;
    }
}

@media screen and (min-device-width: 366px) and (max-device-width: 370px){
    body {
        font-size: 25px;
    }
}

@media screen and (min-device-width: 371px) and (max-device-width: 399px){
    body {
        font-size: 35px;
    }
}

@media screen and (min-device-width: 400px) and (max-device-width: 1000px){
    body {
        font-size: 40px;
    }
}

@media screen and (min-device-width: 1500px){
body {
  font-size: 24px; 
}

h1, h2, h3, p, p.quote {
  max-width: 900px;
}

ul, ol {
  max-width: 800px;
}

img.large {
  width: 850px;
}

img.medium3 {
  width: 675px;
}

img.medium2 {
  width: 562px;
}

img.medium {
  width: 450px;
}

img.small2 {
  width: 337px;
}

img.small {
  width: 225px;
}

img.small0 {
  width: 150px;
}
}
</style>
</head>