@font-face{font-family:"Avenir LT Std Heavy";src:url("../fonts/AvenirLTStd_Heavy.eot") format("embedded-opentype"),url("../fonts/AvenirLTStd_Heavy.woff") format("woff"),url("../fonts/AvenirLTStd_Heavy.ttf") format("truetype"),url("../fonts/AvenirLTStd_Heavy.svg#AvenirLTStd_Heavy") format("svg")}@font-face{font-family:"Avenir LT Std";src:url("../fonts/AvenirLTStd-Medium.eot") format("embedded-opentype"),url("../fonts/AvenirLTStd-Medium.woff") format("woff"),url("../fonts/AvenirLTStd-Medium.ttf") format("truetype"),url("../fonts/AvenirLTStd-Medium.svg#AvenirLTStd-Medium") format("svg")}body{font-family:Avenir LT Std}.someDate{float:right;padding-right:20px;font-size:60px;font-weight:900}header{padding:20px;text-align:center;color:#888;font-size:50px;font-weight:900;letter-spacing:1px}.letterBox{text-align:left;background:#ccc;padding:20px;width:80%;margin:auto}.letterBox:before{content:"";position:relative;float:right;margin-top:-20px;margin-right:-20px;border-width:0px 120px 120px 0px;border-style:solid;border-color:#aaa #fff;-webkit-box-shadow:0 1px 0px rgba(0,0,0,0.3),-1px 1px 1px rgba(0,0,0,0.2);-moz-box-shadow:0 1px 0px rgba(0,0,0,0.3),-1px 1px 1px rgba(0,0,0,0.2);box-shadow:0 1px 0px rgba(0,0,0,0.3),-1px 1px 1px rgba(0,0,0,0.2)}.letterHeader{font-size:15px;color:#333;font-weight:lighter;letter-spacing:2px}.letterTitle{color:#fff;font-weight:500;font-size:40px;padding-top:20px;padding-bottom:20px;letter-spacing:1px}.actualLetter{font-size:15px;color:#333;font-weight:lighter}.someColumns{padding-left:60px;padding-right:30px}.column1{float:left;width:33%}.myColumns{-webkit-columns:100px 3;-moz-columns:100px 3;columns:100px 3;width:80%;margin:0 auto;padding:10px}.name1{font-size:15px;font-weight:bold;letter-spacing:1px}.title1{color:#555;font-size:15px;letter-spacing:2px}@media (max-width: 750px) and (min-width: 500px){header{font-size:35px}.letterTitle{font-size:23px}.myColumns{-webkit-columns:100px 2;-moz-columns:100px 2;columns:100px 2}.column1{width:50%}.someDate{font-size:30px}}@media (max-width: 520px){header{font-size:24px}.myColumns{-webkit-columns:100px 1;-moz-columns:100px 1;columns:100px 1}.letterBox:before{border-width:0px 70px 70px 0px}.letterTitle{font-size:20px}.letterHeader{font-size:12px}.column1{width:100%}.someDate{font-size:20px}}