html {
    margin: 0 auto;
    max-width: 960px;
}

body {
    background-color: #f5f5f5;
}

.tagline {
    color: #8c8c8c;
}

.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    background: red;
    outline: black;
}

a {
    color: red;
}

.demo {
    cursor: pointer;
}

.click_links {
    cursor: pointer;
    color: red;
}

#homeChart {
    margin: 0 auto;
    max-width: 580px;
}

button {
    word-wrap: break-word; /* All browsers since IE 5.5+ */
    overflow-wrap: break-word; /* Renamed property in CSS3 draft spec */
}

#kContainer {
    min-height: 580px;
}

em {
    font-style: italic;
}

.video-viewer {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    width: 80%;
    padding-top: 44.8%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) multipled by 80% */
    border: 1px solid;
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}