.title_section{margin:0 auto;width:100%;background-color:#f58220;color:#fff;padding-top:15px;background-image:linear-gradient(to right,rgba(245,130,32,0) 2%,rgba(245,130,32,0.01) 1%,rgba(245,130,32,0.48) 40%,rgba(245,130,32,0.75) 62%,rgba(245,130,32,0.75) 100%),url(/hubfs/HaulHound/haulhound-phone-hand.jpg),url(/hubfs/HaulHound/haulhound-shipper.jpg);background-repeat:no-repeat,no-repeat,no-repeat;background-position:right,top left,right;background-size:auto 120%,auto 115%,auto 115%;background:-moz-linear-gradient(left,rgba(245,130,32,0) 2%,rgba(245,130,32,0.01) 1%,rgba(245,130,32,0.48) 40%,rgba(245,130,32,0.75) 62%,rgba(245,130,32,0.75) 100%),-webkit-linear-gradient(left,rgba(245,130,32,0) 2%,rgba(245,130,32,0.01) 1%,rgba(245,130,32,0.48) 40%,rgba(245,130,32,0.75) 62%,rgba(245,130,32,0.75) 100%),linear-gradient(to right,rgba(245,130,32,0) 2%,rgba(245,130,32,0.01) 1%,rgba(245,130,32,0.48) 40%,rgba(245,130,32,0.75) 62%,rgba(245,130,32,0.75) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f58220',endColorstr='#bff58220',GradientType=1)}@media screen and (max-width:1500px){.title_section{background-image:linear-gradient(to right,rgba(245,130,32,0.3) 0%,rgba(245,130,32,0.75) 38%,rgba(245,130,32,1) 50%,rgba(245,130,32,1) 67%,rgba(245,130,32,0.5) 100%),url(/hubfs/HaulHound/haulhound-phone-hand.jpg),url(/hubfs/HaulHound/haulhound-shipper.jpg);background:-moz-linear-gradient(left,rgba(245,130,32,0.3) 0%,rgba(245,130,32,0.75) 38%,rgba(245,130,32,1) 50%,rgba(245,130,32,1) 67%,rgba(245,130,32,0.5) 100%),-webkit-linear-gradient(left,rgba(245,130,32,0.3) 0%,rgba(245,130,32,0.75) 38%,rgba(245,130,32,1) 50%,rgba(245,130,32,1) 67%,rgba(245,130,32,0.5) 100%),linear-gradient(to right,rgba(245,130,32,0.3) 0%,rgba(245,130,32,0.75) 38%,rgba(245,130,32,1) 50%,rgba(245,130,32,1) 67%,rgba(245,130,32,0.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4df58220',endColorstr='#80f58220',GradientType=1)}}@media screen and (max-width:1200px){.title_section{background-image:linear-gradient(to right,rgba(245,130,32,0.3) 0%,rgba(245,130,32,0.75) 42%,rgba(245,130,32,1) 65%,rgba(245,130,32,1) 100%),url(/hubfs/HaulHound/haulhound-phone-hand.jpg);background-repeat:no-repeat,no-repeat;background-position:right,top left;background-size:auto 120%,auto 115%;background:-moz-linear-gradient(left,rgba(245,130,32,0.3) 0%,rgba(245,130,32,0.75) 38%,rgba(245,130,32,1) 50%,rgba(245,130,32,1) 67%,rgba(245,130,32,0.5) 100%),-webkit-linear-gradient(left,rgba(245,130,32,0.3) 0%,rgba(245,130,32,0.75) 38%,rgba(245,130,32,1) 50%,rgba(245,130,32,1) 67%,rgba(245,130,32,0.5) 100%),linear-gradient(to right,rgba(245,130,32,0.3) 0%,rgba(245,130,32,0.75) 42%,rgba(245,130,32,1) 65%,rgba(245,130,32,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4df58220',endColorstr='#f58220',GradientType=1)}}@media screen and (max-width:850px){.title_section{background-image:linear-gradient(to right,rgba(245,130,32,0.75) 0%,rgba(245,130,32,0.75) 100%),url(/hubfs/HaulHound/haulhound-phone-hand.jpg);background-position:right,top center;background:-moz-linear-gradient(left,rgba(245,130,32,0.75) 0%,rgba(245,130,32,0.75) 100%),-webkit-linear-gradient(left,rgba(245,130,32,0.75) 0%,rgba(245,130,32,0.75) 100%),linear-gradient(to right,rgba(245,130,32,0.75) 0%,rgba(245,130,32,0.75) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bff58220',endColorstr='#bff58220',GradientType=1)}}.title_section h1{font-size:6em;font-weight:100;margin-bottom:10px;color:#fff}@media screen and (max-width:595px){.title_section h1{font-size:3.2em}}.title_section h2{margin-top:12px;color:#fff}@media screen and (max-width:560px){.title_section h2{font-size:1.4em}}.title_section hr{noshade:noshade;margin:3em auto;height:4px;background-color:#fff;border-color:#fff;border:0}.title_section p{margin:2em auto}.title_section .largequote{font-weight:800;position:absolute;font-size:12em;margin-top:-140px;margin-left:-24px;opacity:.1}.title_section .mainquote{font-size:1.2em}.title_content{max-width:970px;margin:0 auto}.dark_section{background-color:#565656}.dark_section p,.dark_section h3{color:#fff}.grey_section{background-color:#f2f2f2;padding:30px 0}.grey_section.dark-grey{background-color:#555;color:#fff}.grey_section.dark-grey h3{color:#fff}.orange_section{color:#fff;background-color:#f58220;padding:30px 0}.orange_section h3{color:#fff}.grey_section h1,.grey_section h2,.grey_section h3,.orange_section h1,.orange_section h2,.orange_section h3{margin-top:0}.grey_section #quote-2{margin-top:80px;margin-bottom:50px}.body_content{max-width:970px;margin:0 auto;padding:55px 15px 55px 15px}.body_content img{width:75%;min-width:320px;display:block;margin:2em auto}@media screen and (max-width:500px){.body_content img{width:100%}}.body_content iframe{display:block;margin:0 auto}@media screen and (max-width:970px){.body_content iframe{width:640px;height:360px}}.body_content .list1{font-size:2em;line-height:normal;margin-top:0px;margin-bottom:0px}@media screen and (max-width:970px){.body_content .list1{font-size:1.2em;line-height:normal}}.body_content .largequote{font-weight:800;position:absolute;font-size:12em;margin-top:-140px;margin-left:-24px;opacity:.1}.body_content .mainquote{font-size:1.6em}@media screen and (max-width:970px){.body_content .mainquote{font-size:1.2em}}.body_content .infographic{width:90%;margin:4em auto}@media screen and (max-width:550px){.body_content .infographic{width:100%}}.good-idea-great{background-image:url(/hubfs/HaulHound/haulhound-wireframe.gif);background-repeat:no-repeat;background-position:top left;background-size:auto 880px;background-position-y:0px}#haulhoundTimeline,#techStack,#haulhoundTimeframe{transition:opacity .25s ease-in-out;-moz-transition:opacity .25s ease-in-out;-webkit-transition:opacity .25s ease-in-out}.infographic{opacity:.25}.opacity{opacity:1}#extraMile{overflow:hidden;position:relative}#background-logo{position:absolute;width:100%;height:100%;z-index:0;background-image:url(/hubfs/HaulHound/haulhound-large-background-logo.svg);background-repeat:no-repeat;background-position:center top;background-position-x:-100px}#extraMile .page-center.body_content{z-index:2;position:relative}.body_content ol.rounded-list{margin:0px;margin-bottom:30px;padding:0 30px}.rounded-list li{background:#ccc;font-weight:700;padding:10px;margin-left:0;padding:0;height:50px;line-height:50px;padding-left:65px;border-radius:25px;min-height:50px}.rounded-list li:before{background:#f58220;width:50px;height:50px;left:0}@media screen and (max-width:468px){.body_content ol.rounded-list{padding:0 10px}.rounded-list li{background:transparent;height:auto;line-height:1.5;margin-bottom:15px}}.truck-driving{height:175px;background:#eee;overflow:hidden;position:relative;background:-moz-linear-gradient(top,rgba(238,238,238,0) 0%,rgba(238,238,238,1) 100%);background:-webkit-linear-gradient(top,rgba(238,238,238,0) 0%,rgba(238,238,238,1) 100%);background:linear-gradient(to bottom,rgba(238,238,238,0) 0%,rgba(238,238,238,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00eeeeee',endColorstr='#eeeeee',GradientType=0)}#haulhoundTruck{display:inline-block;position:relative;top:-30px}.charts{width:100%;height:65px}.x-axis{width:100%;height:15px}.iterate{margin:30px 0;position:relative;display:flex;align-items:center}.iterate .iterate-design{width:25%;height:auto;display:inline;min-width:auto;margin:0}#design-iphone{margin-left:50%;z-index:10;position:relative;width:27%}#design-sketch{position:absolute;margin-left:20%;z-index:5;width:20%;top:auto}#design-wireframe{position:absolute;margin-left:31%;z-index:6;width:23%;top:auto}#design-mockup{position:absolute;margin-left:40%;z-index:7;top:auto;width:26%}@media screen and (max-width:639px){#design-iphone{margin-left:auto;width:40%}#design-sketch{margin-left:0;width:29%}#design-wireframe{margin-left:20%;width:33%}#design-mockup{margin-left:35%;width:40%}}#haulhound-casestudy .haulhound-people{width:80px;height:80px;min-width:80px;float:left;margin-right:30px;margin-top:0;margin-bottom:10px;border-radius:50%}.techboxes{opacity:.1}.techboxes.opacity{opacity:1}#techStack text{font-weight:700;font-size:22px}#techStack text.labels{font-size:18px}#chart-1 text,#haulhound-timeline .labels,#haulhound-map text{font-size:12px}#haulhound-timeline{margin:30px 0;width:100%;height:auto}@media screen and (min-width:520px){#haulhound-map{margin:0 100px}}