h2 { color:#333; letter-spacing:0.05em; text-align:left; margin-top:80px; height:10%; border-bottom:1px solid #777; line-height:1.3; padding-bottom:.5%; } .h2small { font-weight:normal; margin-left:-.65em; } article>p,.maintxt { line-height:2; text-align:left; } .txtbox2title { line-height:1.4; border:1px solid #777; text-align:center; font-weight:bolder; } .txtblue { color:#5654a1; } .lineblue { background-color:#5654a1; } #txtbox2 img,#txtbox1 img { width:100%; } #requestperformance>a { border-bottom:3px solid #2f5d50; font-weight:bolder; color:#2f5d50; } .indent { padding-left:1.1em; text-indent:-1.1em; } .indent>p>a { color:#2f5d50; font-weight:bolder; text-decoration:underline; } #txtbox1>p>a { color:#2f5d50; font-weight:bolder; text-decoration:underline; } #txtbox2 { display:table; line-height:1.8; letter-spacing: 0.1em; } #rq02box,#rq03box,#rq04box { position:relative; } #rq02,#rq03,#rq04 { position:absolute; color:#fff; background-color:rgba( 0, 0, 0, 0.5); right:0; } .red { color:#ba5548; } #requestbox2>form { line-height:1.5; } #data { width:100%; } #data tr>* { text-align:left; vertical-align:middle; } #data th>label { border-left:3px solid #2f5d50; padding-left:8px; padding-top:2px; display:inline-block; } #data input,#data textarea { width:100%; resize:none; border:1px solid #aaa; } #data input:hover { border:1px solid #777; } #data input:focus { border:1px solid #2f5d50; } #data .content { vertical-align:top; } #submit { border-top:1px solid #777; text-align:center; } #submit>input { color:#fff; background-color:#629083; } #submit>input:hover { color:#eee; background-color:#2f5d50; } #data>tr>td.lhsmall { line-height: 1.5; } @media print, screen and (min-width:769px) { h2 { font-size:16px; } .h2small { font-size:13px; } #mainbox { width:980px; display:-webkit-box; display:-moz-flexbox; display:-ms-flexbox; display:flex; } #mainbox { margin-top:80; } #maintxtbox { width:722px; } #txtbox1margin { margin-top:10px; } .photomargin { margin:5px 0 0 0; } #txtbox2 { width:722px; margin-top:10px; } .txtbox2title { width:220px; padding:10px 0 8px 0; margin:10px 0 10px 0;} .txtbox2a { display:table-cell; width:220px; } .txtbox2b { display:table-cell; width:220px; padding-left:31px; } #rq02box,#rq03box,#rq04box { width:220px; } #rq02,#rq03,#rq04 { font-size:13px; padding:3px 10px 3px 10px; bottom:8px; height:26px; } #requestbox { padding-top:5px; margin-top:-40px; } #requestbox>p { font-size:13px; margin-top:1px; } #requestbox2>form { width:722px; margin:45px auto; } #data tr>* { padding-bottom:50px; } #data tr.mb10>* { padding-bottom:10px; } #data th { width:220px; } input#zip1,input#zip2 { width:80px; } input#zip3,input#zip4 { width:80px; } #numberpeople>label { margin-right:20px; } #numberpeople input { width:auto; vertical-align:middle; margin-left:10px; } #data .content { vertical-align:top; } #submit { padding-top:15px;} #submit>input { width:200px; height:35px; } } @media only screen and (max-width:768px) and (min-width:641px) { h2 { font-size:3.5vw; } .h2small { font-size:2.5vw; } #txtbox1margin { margin-top:2%; } .photomargin { margin-top:20%; } .photomargin:first-child { margin-top:2%; } #txtbox2 { margin-top:2%; } .txtbox2title { padding:3% 2% 2% 2%; margin:3% 0 3% 0;} #rq02,#rq03,#rq04 { font-size:14px; padding:4px 10px 5px 10px; bottom:9px; height:30px; } .txtbox2a,.txtbox2b { border-bottom:1px solid #777; margin-bottom:25%; } #requestbox { padding-top:1%; margin-top:-30%; } #requestbox>p { font-size:2.5vw; margin-top:1%; } #requestbox2>form { margin:15% auto; } #data tr>* { padding-bottom:50px; } #data tr.mb10>* { padding-bottom:10px; } #data th { width:40%; } input#zip1,input#zip2 { width:80px; } input#zip3,input#zip4 { width:80px; } #numberpeople>label { margin-right:10%; } #numberpeople input { width:auto; vertical-align:middle; margin-left:0%; } #data .content { vertical-align:top; } #submit { padding-top:5%;} #submit>input { width:200px; height:35px; } #maintxtbox { flex-basis:100%; } } @media only screen and (max-width:640px) and (min-width:481px) { h2 { font-size:4vw; } .h2small { font-size:3.5vw; } #txtbox1margin { margin-top:2%; } .photomargin { margin-top:20%; } .photomargin:first-child { margin-top:2%; } #txtbox2 { margin-top:2%; } .txtbox2title { padding:3% 2% 2% 2%; margin:3% 0 3% 0;} #rq02,#rq03,#rq04 { font-size:14px; padding:4px 10px 5px 10px; bottom:9px; height:30px; } .txtbox2a,.txtbox2b { border-bottom:1px solid #777; margin-bottom:25%; } #requestbox { padding-top:1%; margin-top:-30%; } #requestbox2 { margin-top:-15%; } #requestbox>p { font-size:3vw; margin-top:1%; } #requestbox2>form { margin:15% auto; } th,td { display:block; text-align:left; width:97.5%; } td { margin-left:11px; margin-right:11px; } #data th>label { margin-top:15%; } #data tr>* { padding-bottom:10px; } input#zip1,input#zip2 { width:80px; } input#zip3,input#zip4 { width:80px; } #numberpeople>label { margin-right:10%; } #numberpeople input { width:auto; vertical-align:middle; margin-left:0%; } #data .content { vertical-align:top; } #submit { padding-top:5%;} #submit>input { width:150px; height:35px; } #maintxtbox { flex-basis:100%; } } @media only screen and (max-width:480px) and (min-width:321px) { h2 { font-size:5vw; } .h2small { font-size:4vw; } #txtbox1margin { margin-top:2%; } .photomargin { margin-top:20%; } .photomargin:first-child { margin-top:2%; } #txtbox2 { margin-top:2%; } .txtbox2title { padding:3% 2% 2% 2%; margin:3% 0 3% 0;} #rq02,#rq03,#rq04 { font-size:14px; padding:4px 10px 5px 10px; bottom:9px; height:30px; } .txtbox2a,.txtbox2b { border-bottom:1px solid #777; margin-bottom:25%; } #requestbox { padding-top:1%; margin-top:-30%; } #requestbox2 { margin-top:-15%; } #requestbox>p { font-size:3.5vw; margin-top:1%; } #requestbox2>form { margin:15% auto; } th,td { display:block; text-align:left; width:96.5%; } td { margin-left:11px; margin-right:11px; } #data th>label { margin-top:15%; } #data tr>* { padding-bottom:10px; } input#zip1,input#zip2 { width:80px; } input#zip3,input#zip4 { width:80px; } #numberpeople>label { margin-right:10%; } #numberpeople input { width:auto; vertical-align:middle; margin-left:0%; } #data .content { vertical-align:top; } #submit { padding-top:5%;} #submit>input { width:200px; height:35px; } #maintxtbox { flex-basis:100%; } } @media only screen and (max-width:320px) { h2 { font-size:5.5vw; } .h2small { font-size:4vw; } #txtbox1margin { margin-top:2%; } .photomargin { margin-top:20%; } .photomargin:first-child { margin-top:2%; } #txtbox2 { margin-top:2%; } .txtbox2title { padding:3% 2% 2% 2%; margin:3% 0 3% 0;} #rq02,#rq03,#rq04 { font-size:14px; padding:4px 10px 5px 10px; bottom:9px; height:30px; } .txtbox2a,.txtbox2b { border-bottom:1px solid #777; margin-bottom:25%; } #requestbox { padding-top:1%; margin-top:-30%; } #requestbox2 { margin-top:-15%; } #requestbox>p { font-size:4vw; margin-top:1%; } #requestbox2>form { margin:15% auto; } th,td { display:block; text-align:left; width:96%; } td { margin-left:11px; margin-right:11px; } #data th>label { margin-top:15%; } #data tr>* { padding-bottom:10px; } input#zip1,input#zip2 { width:80px; } input#zip3,input#zip4 { width:80px; } #numberpeople>label { margin-right:10%; } #numberpeople input { width:auto; vertical-align:middle; margin-left:0%; } #data .content { vertical-align:top; } #submit { padding-top:5%;} #submit>input { width:120px; height:35px; } #maintxtbox { flex-basis:100%; } }