#examples{padding:100px 0 0;text-align:center;background-color:#fafafa}#main #examples .outer-container{margin-top:0}#examples h2{font-size:32px}#examples h2 .underline{position:absolute;top:43px;right:-1%;-webkit-transform:scale(.7) translateX(1%);-ms-transform:scale(.7) translateX(1%);transform:scale(.7) translateX(1%)}#examples .examples-wrapper{display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;max-width:916px;margin:150px auto auto;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-ms-flex-align:center;align-items:center}#examples .example{position:relative;max-width:345px;margin:0 auto 100px;text-align:center;color:#1f2532;-webkit-flex:1 1 100%;-ms-flex:1 1 100%;flex:1 1 100%}#examples .example-image{margin-bottom:30px}#examples .example-header{margin-bottom:10px}#examples .example-header span{font-size:24px;font-weight:300}#examples .example-byline{margin-bottom:20px}#examples .example-byline span{font-size:12px;font-weight:500;letter-spacing:1px;text-transform:uppercase;color:#161e3d}#examples .example-byline span div{line-height:30px;display:block;color:#717689}#examples .example-copy{margin-bottom:30px}#examples .example-copy p{font-size:16px;font-weight:300;line-height:32px;letter-spacing:0;color:#1f2532}#examples .example-animation{position:absolute;z-index:50;top:0;left:0}#examples .example-animation.design-presentation{top:-100px;left:-10px}#examples .example-animation.design-presentation svg{width:100px}#examples .example-animation.wireframing{top:-65px;right:-10px;left:auto}#examples .example-animation.wireframing svg{width:80px;height:104px}#examples .example-animation.strategic-planning{top:-43px;right:auto;left:-16px}#examples .example-animation.strategic-planning svg{width:99px;height:107px}#examples .example-animation.feedback{top:-40px;right:-15px;left:auto}#examples .example-animation.feedback svg{width:90px;height:80px}#examples .templates-wrapper{display:-webkit-flex;display:-ms-flexbox;display:flex;max-width:1280px;padding-bottom:60px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}#examples .templates-wrapper .template{width:33.333%;padding:30px 20px;text-align:center}#examples .templates-wrapper .template img{width:100%;margin-bottom:24px}#examples .templates-wrapper .template a:last-child{font-size:18px;font-weight:500;padding-bottom:2px;transition:all .2s ease-in-out;color:#000;border-bottom:2px solid}#examples .templates-wrapper .template a:last-child:hover{color:#f36}@media screen and (min-width:375px){#examples h2{font-size:36px}}@media screen and (min-width:768px){#examples{padding-top:90px}#main #examples .outer-container{max-width:720px;margin-top:20px}#examples h2{font-size:42px}#examples h2 .underline{top:45px;right:17%;-webkit-transform:scale(.7) translateX(-17%);-ms-transform:scale(.7) translateX(-17%);transform:scale(.7) translateX(-17%)}#examples .examples-wrapper{margin-top:100px;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}#examples .example-animation.design-presentation{top:-40px;left:-80px}#examples .example-animation.wireframing{top:100px;right:-50px;left:auto}#examples .example-animation.strategic-planning{top:100px;left:-65px}#examples .example-animation.feedback{top:31px;right:-70px}}@media screen and (min-width:1025px){#examples .example-animation.design-presentation svg,#examples .example-animation.feedback svg,#examples .example-animation.strategic-planning svg,#examples .example-animation.wireframing svg{width:auto;height:auto}#examples{padding-top:100px}#main #examples .outer-container{max-width:1106px;margin-top:0}#examples h2{font-size:60px}#examples h2 .underline{top:70px;right:18%;-webkit-transform:scale(1) translateX(-23%);-ms-transform:scale(1) translateX(-23%);transform:scale(1) translateX(-23%)}#examples .example{margin-bottom:150px;text-align:left;-webkit-flex:0 1 37.6%;-ms-flex:0 1 37.6%;flex:0 1 37.6%}#examples .example-image{margin-bottom:45px}#examples .example-header span{font-size:30px}#examples .example-animation.design-presentation{top:-30px;left:-120px}#examples .example-animation.wireframing{top:130px;right:-75px}#examples .example-animation.strategic-planning{top:140px;left:-95px}#examples .example-animation.feedback{right:-110px}}@media screen and (min-width:1150px){#examples .examples-wrapper{max-width:975px;margin-top:140px}#examples .example:nth-child(even){margin-right:30px}#examples .example:nth-child(odd){margin-left:30px}}@media (max-width:767px){#examples h2 .underline{top:93px;right:23%}#examples .templates-wrapper .template{width:50%;padding:10px}#examples .templates-wrapper .template img{margin-bottom:10px}#examples .templates-wrapper .template a:last-child{font-size:14px}}