body{
    margin: 0;
    padding: 60px 15px 15px 15px;
    background: #fff;
    font-family: verdana, helvetica, arial, san-serif;
    font-size: 14pt;
    position: relative;
}

a.col, div#signup_banner a{
    display: block;
    text-decoration: none;
    color: #000;
    margin: 25px 0;
    border: 1px solid #ccc;
    padding: 10px;
}

div#signup_banner a{
    font-size: 150%;
    background: #fff;
    color: #fff;
    padding: 25px;
}

footer{
    font-size: 50%;
}

a.col h2{
    margin: 0;
}

a#vital_signs h2{
	background-color: #80400040;
	background-image: url(/images/vital_signs.png);
}

a#flexible h2{
	background-color: #80808040;
	background-image: url(/images/flexible.png);
}

a#affordable h2{
	background-color: #00800040;
	background-image: url(/images/affordable.png);
}

/* Menu */
header nav{
	box-sizing: border-box;
    position: fixed;
    padding: 50px 10px 10px;
    background: #000;
    top: 0;
    right: -100%;
    color: #ddd;
/*    opacity: .95; */
    width: 100%;
    max-width: 100%;
    transition: all .5s;
    height: 100%;
	font-size: 125%;
	z-index: 1000000;
}

header nav a{
    color: #ddd;
    text-decoration: none;
}

header nav.active{
    right: 0;
}

header nav ul{
    list-style: none;
    padding: 0;
}

header nav li{
    margin-bottom: 10px;
    padding: 5px 0;
}

header nav ul ul{
    padding-left: 25px;
}

nav .button{
    display: block;
    height: 24px;
    width: 30px;
    position: fixed;
    right: 10px;
    top: 10px;
    margin: 5px;
}

nav .button .line{
    display: block;
    width: 100%;
    height: 3px;
    background: #C83771;
    position: absolute;
    transition: all .3s ease-in-out;
    transform-origin: left center;
}

nav.active .button .line{
    background: #ddd;
}

nav .button .line.line1{
    top: 0px;
}

nav .button .line.line2{
    top: 10.5px;
}

nav .button .line.line3{
    bottom: 0px;
}

nav.active .button .line.line1{
    transform: rotate(45deg);
}

nav.active .button .line.line3{
    transform: rotate(-45deg);
}

nav.active .button .line.line2{
    opacity: 0;
}

.hero{
	width: 100%;
}

.feature_box{
	background: #fff;
	border-radius: 10px;
}

.feature_box img{
	width: 100%;
}

header{
	position: fixed;
	background: #fff;
	width: 100%;
	opacity: .9;
	top: 0;
	padding-top: 15px;
	z-index: 1000000;
}

.failed_login, .alert{
	border: 2px solid #c00;
	background: #fdd;
	padding: 10px;
}


.form_table{
	display: table;
	width: 100%;
}

.form_el{
	display: table-row;
	padding: 5px;
	margin: 5px;
}

.form_el.required{
	background: #fee;
	border: 2px solid #c00;
}

.form_label, .form_input{
	display: table-cell;
	padding: 5px;
}

.form_label{
	width: 150px;
}

.form_input{
	width: calc(100% - 150px);
}

.form_input input{
	box-sizing: border-box;
	width: 100%;
	border: 2px solid #aaa;
	font-size: 150%;
	padding: 2px;
}