#headline {
  padding: 0.8em;
  color: black;
  font-family: Roboto, sans-serif;

}
 #headline {
      padding: 20px 5%;
    }

@media (min-width: 600px) {

} 


.container {
      margin: auto;
      max-width: 800px;
    } 

 #headline #blurb {
      font-weight: 200;
      width: 100%;
      font-size: 18px;
      box-sizing: border-box;
      padding-right: 50px;
    }

 #headline br {
      clear: both;
    }

mark
{
background-color: #B2ffff;
}

mark.caution
{
background-color:yellow;
}

p
{
font-family: Roboto, sans-serif;
color: black;
}

p.author
{
color: blue;
font-size: 12px; 

}
p.dotted 
{
border-style: dotted; 
border-width: 1px; 
border-color: blue;  
font-size: 14px;
} 

p.solid 
{
border-style: solid;  
border-width: 1px;  
border-color: red;
font-size: 14px;
} 


li.index
{
list-style: none;
font-size: 22px; 
font-family: Roboto, sans-serif;
padding: 5px;
}

li.links
{
list-style: none;
font-size: 20px; 
font-family: Roboto, sans-serif;
padding: 10px;
}


h1
{
color: #BE81F7;
font-family: arial, verdana, san-serif;
text-align: left; 
}

h2
{
color: blue;
font-family: arial, verdana, san-serif;
text-align: left; 
}

 
h3
{
color: green;
font-family: arial, verdana, san-serif;
text-align: left; 
}
 
h4
{
color: blue;
font-family: arial, verdana, san-serif;
text-align: left; 
}
 
h5
{
color: purple;
font-family: arial, verdana, san-serif;
text-align: left; 
}

 table
{
cellpadding: 1px;
border: 1px;
border-style:solid;
}
td
{
cellpadding: 1px;
border: 1px;
border-style:solid;
}


textwrap
{
float: right;
margin: 10px;
}

textwrapleft
{
float: left;
margin: 10px;
}