body{background:HSL(210, 20%, 95%)}p,h1,h2,h3,h4,h5,h6,a{font-size:1em;line-height:32px;font-weight:normal;margin:0;color:HSL(210, 20%, 10%)}h1,h2,h3,h4,h5,h6{font-family:"Trebuchet MS",Helvetica,sans-serif}h1{font-size:1.69em;line-height:64px}h2{font-size:1.3em;line-height:64px}h3{font-size:1em;font-weight:bold}p{color:HSL(210, 20%, 40%);font-family:"Courier New",Courier,monospace,STFangsong}sub{color:HSL(210, 20%, 80%)}.btnBar{padding:16px 0}.btn,.cta-disable,.cta{display:inline-block;padding:0 32px;height:32px;line-height:32px;text-align:center;-webkit-transition:all 200ms;-moz-transition:all 200ms;-ms-transition:all 200ms;-o-transition:all 200ms;background:HSL(210, 20%, 80%);color:HSL(210, 20%, 100%);text-decoration:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;cursor:default;font-family:"Trebuchet MS",Helvetica,sans-serif}.cta-disable,.cta{border-radius:999px}.cta{background:HSL(94, 66%, 64%)}.cta:hover{opacity:0.8;cursor:pointer}.thumbnail{background:none;height:300px;width:300px;position:relative}.card,.card.sold,.card.available{width:300px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;-webkit-transition:all 200ms;-moz-transition:all 200ms;-ms-transition:all 200ms;-o-transition:all 200ms;margin:10px;margin-bottom:16px;background:HSL(210, 20%, 100%);float:left}.card .thumbnail{border-radius:5px 5px 0 0;overflow:hidden}.card .details{padding:16px 0}.card .details h2{text-align:center;font-size:1em;line-height:32px;font-weight:bold}.card .details .cta,.card .details .cta-disable,.card .details .cta{min-width:128px;margin-left:86px;font-family:Menlo,"Courier New",monospace}.card .details .cta-disable,.card .details .cta{font-family:"Trebuchet MS",Helvetica,sans-serif}.card.sold h2{color:HSL(210, 20%, 80%)}.card.sold .thumbnail{opacity:0.5}.card.available{opacity:0.9;box-shadow:0px 2px 2px rgba(0,0,0,0.2)}.card.available:hover{box-shadow:0px 4px 32px rgba(0,0,0,0.2);opacity:1}.cardlist{overflow:auto;width:320px;margin:auto;margin-top:16px;margin-bottom:16px}header,footer{background:HSL(210, 20%, 100%);padding:64px;width:100%}header h1,footer h1,header p,footer p{text-align:center}header .logo-brand,footer .logo-brand{width:36px;height:40px;margin:auto}footer .stamp-end{width:133px;height:32px;margin:16px auto 64px auto}footer a{text-decoration:none}footer .signature{text-align:right;width:128px;margin-left:50%;display:inline-block;margin-top:-16px}footer .signature img{width:88px;height:83px}@media screen and (min-width: 332px){.cardlist{width:332px;margin-top:16px;margin-bottom:16px}.card,.card.sold,.card.available{margin:16px}}@media screen and (min-width: 664px){.cardlist{width:664px;margin-top:32px;margin-bottom:32px}.card,.card.sold,.card.available{margin:16px}}@media screen and (min-width: 996px){.cardlist{width:996px;margin-top:48px;margin-bottom:48px}.card,.card.sold,.card.available{margin:16px}}