* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
body,html {width:100%; height:100%}
body {margin:0; padding:0; background:#aea38c url(images/ls-paris-2007.jpg) no-repeat 50% 50%; background-size:cover; font:300 16px 'Source Sans Pro',sans-serif; letter-spacing:.5px; color:#fff}
h1,h2,h3,h4,h5,h6 {font-weight:300; letter-spacing:normal; margin-bottom:0}

header      {grid-area:header}
.content    {grid-area:content}
.main       {grid-area:main}
.simmer     {grid-area:simmer}
footer      {grid-area:footer}

.grid {display:grid; min-height:100%; grid-gap:0; grid-template-rows: auto 1fr auto; grid-template-columns:100%; grid-template-areas:"header" "content" "footer"}
header {height:80px}
  .logo img {width:157px; height:74px}
.content {display:grid; grid-template-areas:"main" "simmer"}
  .main {margin-top:calc(260px - 20vw); padding:1em; line-height:1.5}
    .main p {width:100%; max-width:300px}
  .simmer {padding:10px; text-align:center}
footer {height:40px; text-align:left}
  footer ul {height:40px; margin:0; padding:0; line-height:40px; list-style:none}
  footer ul li {display:inline-block; margin:0 5px}
  footer a:link,footer a:visited {display:inline-block; height:30px; padding:0 5px; line-height:30px; background:url(images/bg-black-25.png); color:#fff; text-decoration:none; border-radius:4px}

.wrapper {display:grid; grid-gap:10px; grid-template-columns:repeat(auto-fill,1fr)); grid-template-rows:repeat(auto-fill,1fr); margin:40px auto}

.k-form {display:inline-block; position:relative; width:97%; max-width:400px; margin:0 auto; text-align:left; font-weight:300; z-index:88}
.k-form br {clear:both}
.k-form fieldset {display:block; width:97%; margin:3% 0 0 3%; padding:0; border:0; text-align:left; overflow:hidden}
.k-form legend {width:97%; margin:0; padding:0; text-align:left; font-weight:normal; font-size:1.1875em}
.k-form label,.k-form .half-label,.k-form p {float:left; width:97%; margin-top:4px; padding-left:16px; text-align:left}
.k-form label.required {background:url(https://cdn.rvt.com/images/required.svg) no-repeat; background-size:12px 14px}
.k-form select {float:left; width:98%; height:40px; margin:0 0 7px 0; background:url(images/bg-black-25.png); border:1px solid #aea38c; color:#fff; font-size:1em; border-radius:2px}
.k-form .k-text,.k-form .half-field,.k-form .zip-text,.k-form .zip-city,.k-form .phone-pre,.k-form .phone-num {float:left; width:98%; height:40px; margin:0 0 7px 0; padding-left:5px; background:url(images/bg-black-25.png); border:1px solid #aea38c; color:#fff; font-size:1em; border-radius:2px}
.k-form .k-message {float:left; width:98%; height:150px; margin:0 0 5px 0; background:url(images/bg-black-25.png); border:1px solid #aea38c; color:#fff; border-radius:2px}
.k-formcheck {float:left; margin:7px 0 0; padding:0}
.k-form label.k-checklabel {float:left; width:87%; max-width:280px; margin:4px 0 7px 0; padding-left:5px}
.k-form button {float:left; clear:both; width:auto; min-width:120px; height:40px; margin:0 0 1em; padding:0 .5rem; background:url(images/bg-black-25.png); border:1px solid #aea38c; text-align:center; font-weight:300; font-size:18px; color:#fff; cursor:pointer; border-radius:4px}

@media only screen and (min-width:600px) {
}
@media only screen and (min-width:1024px) {
.content {grid-gap:0; grid-template-columns:auto 320px; grid-template-areas:"main simmer"}
}
@media only screen and (min-width:1100px) {
footer a:hover,footer a:active {background:url(images/bg-black-33.png)}
.k-form button:hover {background:url(images/bg-black-33.png)}
}
@media only screen and (min-width:1280px) {
.main {margin-top:0}
}