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,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:inherit;font-size:100%;vertical-align:baseline}
html{line-height:1}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}
q,blockquote{quotes:none}q:before,q:after,
blockquote:before,blockquote:after{content:"";content:none}
a img{border:none}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
html,body{margin:0;padding:0;height:100%}

body{color:#eee;font:300 62.5%/1.4 Lato, sans-serif;text-align:center;background:url(../img/bg.jpg) center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-repeat:no-repeat;}
.wrapper{position:relative;width:100%;min-width:320px;min-height:100%;}
header{margin-bottom:60px;padding:160px 60px 0;font-size:1em}
h1{font:300 5em/1.2 'Dancing Script', serif; margin:80px 0 40px 0;}
h2{font:900 3em/1.3 Lato, serif;text-transform:uppercase; margin:5px 0;}
h2 .front{color:#19D2FF}
.main{padding:0 60px 60px}

p,ul{margin-bottom:10px;font-size:1.8em}
p>span,ul li>span{font:400 2em 'Dancing Script', serif;}
p{margin:0 auto 10px;max-width:520px}
p.last{margin-top:60px;max-width:380px}

li{float:none;width:auto}
li a,li a:visited{color:#333}
li a:hover,li a:active,li a:visited:hover,li a:visited:active{color:#333;-moz-transition:color 0.3s;-o-transition:color 0.3s;      -webkit-transition:color 0.3s;transition:color 0.3s}

a,a:visited{position: relative;display: inline-block;padding: 0 2px;border-bottom: 1px solid;color:#eee;text-decoration: none}
a span, a:visited span{position:relative;z-index:1}
a::before,a:visited::before{content:"";position:absolute;left:0;top:0;z-index:0;height:100%;width:0;background:#33B1E3;}
a:hover::before,a:active::before,a:visited:hover::before,a:visited:active::before{width:100%;-moz-transition:width 0.3s;-o-transition:width 0.3s;-webkit-transition:width 0.3s;transition:width 0.3s}
.about{margin-bottom:30px}


/* bid page */

#bid { text-align: left; } 
#bid header { margin-bottom: 0; text-align:center; } 
#bid header a { font-size:1rem; } 

#bid p.last { max-width: 100%; }
#bid .main { position: absolute; bottom: 0; }
#bid #form { padding: 60px; }
#bid #form #box { background: #fff; color: #333; width: 25%; padding: 20px; float: right; box-shadow: 0 6px 12px -2px rgba(50,50,93,.25),0 3px 7px -3px rgba(0,0,0,.3); }
#bid #form #box form h3 { font-size: 1.5rem; font-weight: bold; margin: 0 0 20px; text-transform: uppercase; text-align: center; }
#bid #form #box form label { display: block; font-size: 0.8rem; font-weight: 400; }
#bid #form #box form input, #bid #form form textarea { box-sizing: border-box; border:1px solid #eee; font-size: 0.8rem; font-family: inherit; margin: 5px 0; width: 100%; padding: 4px 6px; }
#bid #form #box form button { font-size: 1rem; font-weight: bold; background: #19D2FF; border: none; padding:5px; width: 50%; border-radius: 3px; display: block; margin: 20px auto 0; }
#bid #form #box #message { font-size: 0.8rem; margin: 10px 0 0 0; }
#bid #form #box #message .error_message { color: red; }
#bid #form #box #message #success_page { font-size: 1rem; }
#bid #form #box #message #success_page h5 { margin: 0 0 10px 0; font-weight: bold; }

@media screen and (max-width:720px) { 
	h2 { font: 900 2em/1.5 Lato, serif; }
	#bid #form { padding: 0; }
	#bid #form #box { width: 80%; margin: auto; float: none; }
	header { padding: 20px; width: 80%; margin: auto; }
}