*{
    box-sizing: border-box;
}
body, html {
    text-align: center;
    color: white;
    background-color: black;
    border: 0;
    margin: 0;
    padding: 0;
    height: 100%;
    font-size: 1.3em;
    font-family: 'Niramit', sans-serif;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

img {
    margin: 25px 0px 0px 0px;
}

nav a {
    color: white;
    text-decoration: none;
    padding: 20px;
}

a {
    color: white;
}

p, h3, li, td {
    font-size: .8em;
    line-height: 1;
    text-align: left;
    margin: 20px;
}

figcaption {
    font-size: .5em;
}

.text {
    background-color: rgba(0, 0, 0, 0.7);
    width: 100%;
    padding: 10px;
    margin: 0px 0px -10px -10px;
}

.parallax {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 10px;
    background-color: black;

}

.parallax1 {
    background-image: url("../Acinetobacter.jpg");
}

.parallax3 {
    background-image: url("../Streptococcus-pneumoniae.jpg");
}

.parallax5 {
    background-image: url("../tuberculosis.jpg");
}

.parallax7 {
    background-image: url("../Staphylococcus-aureus.jpg");
}

#references p {
    text-indent: -2em;
    margin-left: 3em;
}