body {
    width: 100%; /*720px;*/
    background-color: #f2f8ff;
}
h1 {
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 7.5vmin;
    font-weight: 700;
    text-align: center;
    color: #ffc72c;
    background-color: #1D428A;
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-top: 0;
}
h2 {
    font-family: Tahoma, Sans-Serif;
    font-size: 5.5vw;
}
p {
    font-family: Tahoma, Sans-Serif;
    font-size: 1rem;
    margin-right: 2rem;
}
p.intro {
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 4.2vmin;
    font-weight: 400;
    text-align: left;
    width: 85%;
    margin: auto;
}
p.footNote {
    font-size: .72rem;
}
.js-plotly-plot .plotly .modebar {
    left: 20%;
    /*transform: translateX(-50%);*/
}
.js-plotly-plot, .plot-container {
    height: 60vh
}
a.modebar-btn {
    font-size: 20px !important;
}
.mainTableXXX {
    width:95%;height:250px;
    font-size: .75rem;
    font-family: 'SF Compact', Verdana, Sans-Serif;
    text-align:left;
    background-color: #fefefe;
}