.center {
    margin: auto;
    width: 80%;
    height: auto;
    padding: 20px;
}



.theme-section {
    background-color: #F0F0F0; /* #F7F7F7;*/
    padding:20px;

}

/* PLANS */

section.plans {
    background-color: white;
    width: 100%;
    display: block;
}

.free {
    display: block;
    float: left;
    width: 50%;
    background-color: white;
    padding: 10px;
}

.pro {
    display: block;
    float: left;
    width: 50%;
    background-color: white;
    padding: 10px;
    border-top: 4px solid #3AA3FB;
}

.price,
.product,
.cta,
.features {
    margin-top: 20px;
    margin-right: 30px;
    margin-left: 30px;
    margin-bottom: 40px;
}

.product h2 {
    font-size: 2.0em;
}

.price span {
    text-align: left;
    vertical-align: top;
    font-size: 1.0em;
}
.price .value {
    display: inline;
    text-align: left;
    font-size: 4.5em;
}
.price .frequenz {
    display: inline;
    text-align: left;
    font-size: 1.5em;
}

.cta {
    height: 60px;
}

.features p {
    font-size: 1.4em;
}
.feature {
    display: block;
    margin-top: 4px;
    margin-left: -0px;
    margin-bottom: 15px;
}

.feature:before {
    /*Using a Bootstrap glyphicon as the bullet point
    //content: "\e080";
    margin-top: 4px;*/
    content: "\e013";
    font-family: 'Glyphicons Halflings';
    font-size: 1.0em;
    float: left;

    margin-left: -30px;
    padding-right: 10px;
    color: #FF9F1C; /*#CCCCCC;*/
}