/*Reset to get rid of weird margins on the side of the window*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* Central column */
#content {
    background-color: #EEE;
    width: 80%;
    margin: auto;
    height: 100%;
}

/*Sets most text to use sans-serif */
p, label {
    font-family: sans-serif;
}

/*Big title */
#title {
    text-align: center;
    font-size: 3em;
    font-weight: bold;
}

/*Centers the form in the central column */
#insurance-form {
    width: 20%;
    margin: auto;
    padding: 2em;
}

/*Spaces out form elements */
#insurance-form > *{
    margin-bottom: 1em;
    font-size: 1.1em;
}

#insurance-form > label {
    margin-bottom: 0.5em;
}

/*styles the input boxes in the form */
.text-input {
    border-radius: 0px;
    background-color: #FFF;
    border-style: none;
    padding: 0.5em;
}

/*Styles the submit button*/
#submit {
    border-style: none;
    background-color: #DDD;
    font-weight: bold;
    padding: 0.5em;
}

#submit:hover {
    background-color: #BBB;
}

/*Errors are red*/
#error-messages {
    color: #f00;
}

/*Red background for invalid form fields*/
.invalid-field {
    background-color: #FEE;
}

/*Styles output paragraph*/
#output {
    font-size: 2em;
    text-align: center;
    padding: 2em;
}

/*Responsive*/
/*For future reference this should be designed first, and the desktop version added later*/
@media only screen and (max-width: 1000px){
    #content {
        width: 100%;
    }

    #insurance-form {
        width: 95%;
        margin: auto;
        padding: 0;
    }

    #insurance-form > input{
        width: 100%;
        padding: 1em 0 1em 0;
    }
}