@charset "UTF-8";
/* CSS Document */
@import url("standard.css");
html, body{
	height:100%; 
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; 
	background-color: #7ebfd8;
	}
#wrapper{
	max-width:960px;
	margin:0 auto;
	height:100%;
}
h1{
	font-family: 'Monoton', cursive;
	font-size:4em;
	font-weight:normal;
}
section{
	margin:2em 0;
}
footer{
	background-color: #274256;
	padding:2em 0;
	margin:0 1%;
}
/* Form & Contact: */
h2{
    font-weight:normal;
    font-size:1.2em;
    padding-bottom:1em;
}
/* Form: */
form{
    display:grid;  /* <-----  */
	width:100%; 
	padding:1%;
	color:#AAA;
    grid-template-columns: 100px auto auto auto auto;
    grid-template-rows: auto;
    grid-row-gap: 0.5em;
    grid-template-areas: 
    "header header header header header"
    "name_label name name name name"
    "email_label email email email email"
    "interests cars_label cars limos_label limos"
    ". submit submit submit submit";
}
form h2{
    grid-area:header;
}
label[for="name"]{
    grid-area:name_label;
}
#name{
    grid-area:name;
}
label[for="email"]{
    grid-area:email_label;
}
#email{
    grid-area:email;
}
form p{
    grid-area:interests;
    padding:0;
}
label[for="cars"]{
    grid-area:cars_label;
    align-self: center;
}
#cars{
    grid-area:cars;
}
label[for="limos"]{
    grid-area:limos_label;
    align-self: center;
}
#limos{
    grid-area:limos;
}
input[type="submit"]{
    grid-area:submit;
}
input[type="checkbox"]{
  font-size:1em;
  align-self: center;
}

/* Contact:*/
table{
	width:100%; 
	padding:1%;
	color:#AAA;
	/*border-spacing: 0.5em;*/
    border-collapse:collapse;
	}
th{
	text-align: left;
	font-weight:normal;
}
td{
	vertical-align: top;
}
.left{
	width:40%;
}
.right{
	width:60%;
}
.fright{
	float:right;
}
.space{
	padding-top:1em;
}

.thankyou{
	text-align:center;
	padding:6em 0;
}
@media screen and (max-width:500px){
    [class*="col"]{
        width:98%;
        margin:1em auto;
    }
}