h1 {
    text-align:center;
}
h4 {
    margin-bottom:0px;
}

ul {
    margin-top:0px;
}
ul.pull-up {
    margin-top:-25px;
}

li {
    margin-bottom:0px;
}

label { 
    display:inline-block;
    padding-left:10px;
}

.section {
    border-top:1px solid #eeeeee;
    padding-top:3rem;
}

.icon {
    width:5rem;
    height:4rem;
    display:inline-block;
    vertical-align:middle;
    margin-left:5px;
}
.icon.check {
    background-image:url('../images/check.svg');
    background-position: 0rem -1rem;
    background-size:10rem;
}
.icon.fail {
    background-image:url('../images/x.png');
    background-size:4rem;
    background-repeat:no-repeat
}
.icon.loading {
    background-image:url('../images/loading.gif');
    background-size:14rem;
    background-position:-5rem;
    background-repeat:no-repeat
}

#nav-container{
    border-top: 1rem solid #000000;
    margin-bottom:50px;
    position:sticky;
    top:0px;
    z-index:10;
    background:#fff;
}

nav a {
    display:inline-block;
    padding:5px 15px;
}

table#materials th {
    position: sticky;
    z-index: 100;
    background: white;
    top: 2rem;
    box-shadow: 0px 1px 0px 0px rgb(0 0 0 / 40%);
}