.app-display {
	margin: auto;
	max-width:800px;
}
/* keep the text away from the pure grid edges */
.pad {
    padding-left:  .25em;
    padding-right: .5em;
}

.pad-l-r-sm {
    padding-left:  .25em;
    padding-right: .25em;
}

.pad-l-r-1 {
    padding-left:  1em;
    padding-right: 1em;
}

.pad-l-r-2 {
    padding-left:  2em;
    padding-right: 2em;
}

/* Paragraph pad next to images. Remove when below image.*/
.pad-left-1 {
    padding-left:  1em;
}

.pad-left-2 {
    padding-left:  2em;
}

.pad-left-4 {
    padding-left:  4em;
}

.pad-left-1-2 {
    padding-left:  .5em;
}

.pad-right-1 {
    padding-right:  1em;
}

.pad-top-1 {
    padding-top: 1em;
}

.pad-top-2 {
    padding-top: 2em;
}

.pad-top-3 {
    padding-top: 3em;
}

.pad-no-top {
    padding-top: 0;
    margin-top:  0;
}

.pad-no-bottom {
    padding-bottom: 0;
    margin-bottom:  0;
}

.pad-no-left {
    padding-left: 0;
    margin-left:  0;
}

.pad-none {
    padding-top: 0;
    margin-top:  0;
    padding-bottom: 0;
    margin-bottom:  0;
}

.pad-bottom {
    padding-bottom: 1em;
}

.pad-bottom-2 {
    padding-bottom: 2em;
}