.content {
    margin-left: 5px;
    counter-reset: heading subheading;
}

h1:before {
    content: counter(heading)") ";
    counter-increment: heading;
}
h2:before {
    content: counter(heading)"." counter(subheading)") ";
    counter-increment: subheading;
}
h1 {
    display: block;
    font-size: 2em;
    margin-top: 0.67em;
    margin-bottom: 0.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;

    counter-reset: subheading;
}

h2 {
    display: block;
    font-size: 1.5em;
    margin-top: 0.83em;
    margin-bottom: 0.83em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

.header0 {
    display: block;
    font-size: 2em;
    margin-top: 0.67em;
    margin-bottom: 0.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}
.header1 {
    display: block;
    font-size: 2em;
    margin-top: 0.67em;
    margin-bottom: 0.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

.header2 {
    display: block;
    font-size: 1.5em;
    margin-top: 0.83em;
    margin-bottom: 0.83em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

/*.feature_container {*/
/*    display: flex;*/
/*    flex-direction: row;*/
/*}*/

.feature_section {
    display: flex;
    flex-wrap: wrap;
}

.feature {
    display: flex;
    margin: 5px;
    min-width: 350px;
}

.feature_index {
    margin-right: 10px;
    width: 50px;
}

.feature_page {

}


.gray {
	background: silver; 
	display: inline-block;
}
.red {
	background: red; 
	display: inline-block;
}