.blackwhite {
               background-color: black;
               color:white;
             }
             .blackblack {
              background-color: black;
               color:black;
             }
           
             .containerBox {
                 position: relative;
                 display: inline-block;
                   -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    box-sizing: border-box;
 
               }
               
               .text-box {
                 position: absolute;
                 height: 100%;
                 text-align: left;
                 width: 100%;
                 margin: auto;
                 padding: 2em 10em 2em 10em;
                 top: 0;
                 bottom: 0;
                 right: 0;
                 left: 0;
                 color:white;
                 overflow:auto;
                   -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                    box-sizing: border-box;
                    font-size: 18px;
               }
               
               .img-responsive {
                 display: block;
                 max-width: 100%;
                 margin: auto;
               }
               
               .dataNumber {
                 margin-top: 3em;
                 margin-bottom: 3em;
                 line-height: 150%;
               }

                ul.references {
                    list-style-type:none;  
                    text-indent:-1.5em;
                }
                                  
                ul.references li {
                    margin:0 0 10px 0; 
                    
        font-family: "Times New Roman", "Times", serif;


                }


/* Semi-Narrow layout */
@media screen and (max-width: 80em) {
.dataNumber {
    line-height: 130%;
}
               
.text-box {
    padding: 0em 5em 0em 5em;
}

}
/* Narrow layout */
@media screen and (max-width: 70em) {
.dataNumber {
    line-height: 100%;
    font-size: 1.5vw;
	}
.text-box {
    padding: 0em 2em 0em 2em;
}
ul.references li {
    font-size: 1.5vw;
}
}


@media screen and (max-width: 60em) {
.dataNumber {
    line-height: 100%;
    font-size: 1.5vw;
	}
.text-box {
    padding: 0em 1em 0em 1em;
}
ul.references li {
    font-size: 1.5vw;
}
}

@media screen and (max-width: 50em) {
.dataNumber {
    font-size: 2vw;

}
.text-box {
    padding: 0em 0.5em 0em 0.5em;
}
ul.references li {
    font-size: 2vw;

}
}

@media screen and (max-width: 40em) {
.dataNumber {
    font-size: 2vw;

}
.text-box {
    padding: 0em 0.5em 0em 0.5em;
}
ul.references li {
    font-size: 2vw;

}
}

@media screen and (max-width: 30em) {
.dataNumber {
    font-size: 2vw;

}
.text-box {
    padding: 0em 0.5em 0em 0.5em;
}
ul.references li {
    font-size: 2vw;

}
}