.barometer-container {
    width: 100%;
    height: 0;
    padding-top: 48%;
    position: relative;
} 

svg#vizBBB {
    position: absolute;
    top: 0;
    left: 0;
}

/* SVG */
.background { 
    fill: #DDDDDD; 
}

.scaling-svg-container {
    position: relative; 
    height: 0; 
    width: 100%; 
    padding: 0;
    padding-bottom: 50%; 
    /* override this inline for aspect ratio other than square */
}

.scaling-svg {
    position: absolute; 
    height: 100%; 
    width: 100%; 
    left: 0; 
    top: 0;
}

/* black fill fix */
svg a:visited { fill:inherit; }

/* Treeblocks */
.treeHead { 
    fill: #00ABDA;
}
.treeHead .line {
    fill: none;
    stroke: #00ABDA;
    stroke-width: 3.9419;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}
.treeLeftBranch { 
    fill: #002E62;
}
.treeLeftBranch .line {    
    fill: none;
    stroke: #002E62;
    stroke-width: 3.9419;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;    
}
.treeRightBranch .block { 
    fill: #004D9D;
}
.treeRightBranch .line {
    fill: none;
    stroke: #004D9D;
    stroke-width: 3.9419;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;    
}

g text {
    fill: none;
}

article a, article a:hover, article a:active, article a:visited, article a:focus {
    text-decoration: none;
}

a:hover > .block {
    fill: #82045e;
}

/* Logo */
.logo {
    fill: #00ABDA;
}
.logo-background {
    fill:  #FFFFFF
}

/* Text */
.title { 
    font-size: 32px; 
    fill: #010202; 
    font-family: 'Soho W01 Medium', sans-serif; 
    padding: 20px 0px;
}
.subtitle { 
    font-size: 24px; 
    fill: #010202; 
    font-family: 'Akko W01 Regular', Helvetica, Arial, sans-serif; 
}

.value {
    fill: #FFFFFF; 
    font-size: 30px; 
    font-family: 'Soho W01 Medium', sans-serif;
}

.smallvalue {
    font-size: 23px;
}

.description {
    fill: #FFFFFF; 
    font-size: 18px; 
    font-family: 'Akko W01 Regular', Helvetica, Arial, sans-serif;
}

.explanation {
    fill: #FFFFFF; 
    font-size: 13px; 
    font-family: 'Akko W01 Regular', Helvetica, Arial, sans-serif;
}

.smalldescription {
    font-size: 13px;
}