body {
   font-family: 'Lato', sans-serif;
   clear: both;
   padding-top: 20px;
   margin-left: 25%;
   margin-right: 25%;
   text-align: left;
   text-decoration: none;
   background-color: #fffff8;
}

:link { color: #000 }
:visited { color: #000 }


.title1 {
   font-size: 140%;
   font-family: 'Lato', sans-serif;
   font-weight: bold;
}

.desc1 {
   font-family: 'Lato', sans-serif;
}

.code {
    font-family: monospace;
    white-space: pre;
    font-size: 120%;
    color: #ffffff;
    background-color: #808080;
}

.title {
    font-size: 120%;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
}


.caption {
    text-align: center;
    font-style: italic;
}

.caption-small {
    text-align: right;
    font-style: italic;
    font-size: 60%;
}

.chapter-title {
    font-size: 150%
}

.italic {
    font-style: italic;
}



.footer {
    clear: both;
    padding-top: 60px;
    padding-bottom: 20px;
    font-size: 75%;
    text-align: center;
    text-decoration: none;
}

div.item img {
    border: 2px solid #182030;
    margin-right: 0.5em;
}

div.item2 {
    clear: both;
    padding-top: 20px;
    text-align: left;
    text-decoration: none;
}

div.item2 img {
    border: 2px solid #182030;
    margin-right: 0.5em;
    width: 100%;
    height: 100%;
}

div.item2 .title {
    display: block;
    font-size: 120%;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    text-align: center;
}

div.item2 .description {
    display: block;
    margin-left: 0px;
}

 /* Three image containers (use 25% for four, and 50% for two, etc) */
.column {
  float: left;
  width: 50%;
  padding: 0px;
}

/* Clear floats after image containers */
.row::after {
  content: "";
  clear: both;
  display: table;
} 


table.table1 {
    border-collapse: collapse;
}

table.table1 td {
    padding: 3px;
    border: 1px solid black;
    border-color: #000;
}