html,
body {
    width: 100%;
    height: 100%;
}
strong {
	font-family: 'Roboto Condensed', sans-serif;
}
body {
	font-family: 'Cabin', sans-serif;
	background-color: #E5CFF7;
}
.roboto {
	font-family: 'Roboto', san-serif;
	font-weight: 900;
	font-size: 6em;
	line-height: 0.8em;
	margin: 0;
    padding: 0;
}
.roboto-cond {
	font-family: 'Roboto Condensed', sans-serif;
}

.text-control {
    display: table-cell;
    text-align: center;
    vertical-align: top;
    color: white;
}
.high {
	background-color:#FF3300;
}
.low {
	background-color:#3399CC;
}
.highlight {
	background-color: rgba(245, 245, 245, 0.6);
}
.text-vertical-center {
    margin: 0;
    padding: 0;
    background: pink;
    background-color: rgba(4,34,144,0.4);
}

.header {
    display: table;
    position: relative;
    width: 100%;
    height: 100%;
    background: url(../background.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;

}
.top {
    display: table;
    position: relative;
    width: 100%;
    height: 100px;
    background: #5B0888;
    margin: 0;
    padding: 0;
    color: #9D76C1;
}
.radius {
    border: 2px solid #247BA0;
    padding: 10px 10px; 
    margin: 10px;
    background: #5B0888;
    #width: 300px;
    border-radius: 15px;
    color: #E5CFF7;
}