h1,h2,h3{font-family: ‘Righteous’, cursive;} p,ul,li,ol,span{font-family: ‘PT Sans’, sans-serif;} h2>span,h3>span{font-family: ‘Righteous’, cursive;} h1{ padding:1em 1em 0 1em; color:rgb(51, 51, 51); } h2,h3{ position:relative; padding:0.5em 2em 0.5em 0.5em; margin:0 1em 1em; background:rgb(255, 255, 255); color:rgb(34, 34, 34); font-size:100%; line-height:1.2; border:3px solid rgb(34, 34, 34); background-image:-webkit-gradient(linear, left top, right bottom,from(rgba(255, 255, 255, 0)),color-stop(0.4, rgba(255, 255, 255, 0)),color-stop(0.4, rgba(0, 0, 0, 0.2)),color-stop(0.6, rgba(0, 0, 0, 0.2)),color-stop(0.6, rgba(255, 255, 255, 0)),to(rgba(255, 255, 255, 0))); background-image:-webkit-linear-gradient(top -45deg,transparent 40%,rgba(0, 0, 0, 0.2) 40%,rgba(0, 0, 0, 0.2) 60%,transparent 60%); background-image:linear-gradient(to bottom -45deg,transparent 40%,rgba(0, 0, 0, 0.2) 40%,rgba(0, 0, 0, 0.2) 60%,transparent 60%); background-size:4px 4px; box-shadow:-6px -4px 0 0 #f89316 inset,2px 3px 0 0 rgb(0, 0, 0);-webkit-border-radius: 2em; } h2:before, h3:before{ content:”; position:absolute; top:100%; left:24px; width:0; height:0; border:16px solid transparent; border-top-color:rgb(34, 34, 34); } h2:after, h3:after{ position:absolute; top:100%; left:28px; width:0; height:0; border:8px solid transparent; border-top-color:rgb(0, 174, 204); z-index:1; } h2>span, h3>span{ position:relative; } h2>span:before,h2>span:after, h3>span:before,h3>span:after{ position:absolute; content:’f005′; color:#f89316; font-family:’FontAwesome’; } h2>span:before, h3>span:before{ right:-1.6em; bottom:1px; font-size:0.6em; } h2>span:after, h3>span:after{ right:-2.2em; bottom:5px; font-size:0.8em; } p, .product_dec div{ margin: 0.5em 0; padding:0 2em 2em 2em; color:rgb(51, 51, 51); text-align:left; } #main{ max-width:96%; background:rgb(249, 249, 249); border-radius:0.5em; text-align:center; } @media screen and (min-width: 768px) { #main{ margin:0 auto; max-width:65%; } h2,h3{ font-size:125%; } }