.hdr {
                text-align: center;
                padding-top: 70px;
                padding-bottom: 70px;
            }
            .ftr {
                padding-top: 70px;
                padding-bottom: 70px;
                background-color: #474e5d;
                font: 40px;
            }
            .links {
                color: #b5b8be;
                text-decoration: underline;
                word-wrap: break-word;
                /*display: block; */
                /*overflow: hidden;
                white-space: nowrap; 
                text-overflow: ellipsis; */
            }
            body {
                font-family: Arial;
            }
            .good {
                background-color: #a7ba5c;                
            }
            .bad {
                background-color: #c36060;
            }
            .descriptions {
				margin-top: 45px;
                text-align: center;
                border-top: 1px solid gray;
            }
            .kpitile {
                width: 200px;
                height: 200px;
                border: 2px solid black;
                margin: auto;
                margin-top: 45px; margin-bottom: 45px;
                /*background-color: #6f7476;*/
            }
            .paddingDiv {
                padding: 10px;
                height: 90%;
                background-color: #6f7476; 
            }
            .headerDiv {
                padding-bottom: 4px;
                background-color: #d5edf0;
            }
            .titleDiv {
                padding-bottom: 5px;
                background-color: #9c9ae3;
            }
            .valueVDiv {
                display: table;
                /*position: relative; */
                bottom: 10px;
                height: 90px;
                background-color: #92bace;
            }
            .valueDiv {
                display: table-cell;
			    vertical-align: middle;
			    background-color: #badae1;
            }
            .footerVDiv {
                display: table;
                position: relative;
                bottom: 10px;
                height: 90px;
            }
            .footerDiv {
                display: table-cell;
			    vertical-align: bottom;
            }
            	/* Mobile first queries */

            /* Larger than mobile */
            @media (min-width: 400px) {}
            
            /* Larger than phablet */
            @media (min-width: 550px) {
              .padding-sides {
                padding-left: 15px;
                padding-right: 15px;
              }
            }
            
            /* Larger than tablet */
            @media (min-width: 750px) {
              .padding-sides {
                padding-left: 90px;
                padding-right: 90px;
              }
            }
            
            /* Larger than desktop */
            @media (min-width: 1000px) {
              .padding-sides {
                padding-left: 135px;
                padding-right: 135px;
              }
            }
            
            /* Larger than Desktop HD */
            @media (min-width: 1200px) {
              .padding-sides {
                padding-left: 180px;
                padding-right: 180px;
              }
            }