body{
margin: 0;
padding: 0;
         font-family: sans-serif;
color: #333;
       background-color: #eee;
}

h1, h2, h3, h4, h5, h6{
    font-weight: 200;
}

h1{
    text-align: center;
    padding-bottom: 10px;
    border-bottom: 2px solid #ff00ff;
    max-width: 40%;
margin: 20px auto;
}

/* CONTAINERS */

.container {max-width: 888px; width: 100%; margin: 0 auto;}
.bigrow { width: 100%; max-width: 100%;}

/* COLUMNS */

.col {
display: block;
float:left;
margin: 0.1% 0 0.1% 1.6%;
}

.col:first-of-type { margin-left: 0; }

/* CLEARFIX */

.cf:before,
    .cf:after {
content: " ";
display: table;
    }

.cf:after {
clear: both;
}

.cf {
    *zoom: 1;
}

/* FORM */

.form .plan input{
display: none;
}

.form label{
position: relative;
color: #fff;
       background-color: #00bbbb;
       font-size: 32px;
       text-align: center;
height: 48px;
display: block;
cursor: pointer;
border: 3px solid transparent;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
cursor: pointer;
    user-select: none;
}

.form .plan input:checked + label{
border: 3px solid transparent #333;
        background-color: #00cccc;
}

.container textarea {
font-size: 40;
}

.container button {
height: 64px;
width: 256px;
font-size:48px;
background: #cceeee;
}