.header {
    padding-top: 4rem;
    padding-bottom: 2rem;
}

.responsive, .page img {
    display: block;
    max-width: 100%;
    height: auto;
}

h2 img {
    float: left;
    margin-right: 1.0rem;
}

.section p.description {
    margin-top: 20px;
    color: #ffffff;
    opacity: 0.7;
    clear: left;
}

.theme-base-10 .to-do-today a, 
.theme-base-10 .left-to-spend a,
.theme-base-10 .hub-bug a {
    color: #ffffff;
}

.to-do-today {
    background-color: #f09609;
}

.left-to-spend {
    background-color: #1ba1e2;
}

.hub-bug {
    background-color: #a2c139
}

.promo {
    margin-top: 2.0rem;
    margin-bottom: 1.0rem;
}

.phone-hero {
    background-image: url('/content/images/phone-hero.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.phone-hero .responsive {
    display: block;
    padding-left: 17%;
    padding-right: 17%;
    padding-top: 18%;
    padding-bottom: 38%;
}

 .tablet-hero {
    background-image: url('/content/images/tablet-hero.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.tablet-hero .responsive {
    display: block;
    padding-left: 16%;
    padding-right: 13%;
    padding-top: 10%;
    padding-bottom: 18%;
}

.tutorial {
    margin-bottom: 2.0rem;
}