section.hero{height:100vh;width:100vw;overflow:hidden;position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:0 10% calc(8em + 5%)}.angle-background-image{height:100vh;width:100vw;position:fixed;z-index:1;top:0;left:0;background-position:50% 0;background-repeat:no-repeat;background-size:cover}.hero figure{width:18em;position:relative;z-index:10;margin-bottom:1.25em;font-size:min(max(.75rem,1.5vw),1rem)}.hero figure.software.learning{width:24em}.hero h1{color:#fff;text-transform:uppercase;font-family:flama,Helvetica,Arial,sans-serif;font-weight:400;letter-spacing:.05em;line-height:1.125;font-size:min(max(1.9375rem,6vw),4.5rem);margin-bottom:.25em;position:relative;z-index:10}.hero h2,.hero h1.h2{color:#fff;font-family:Georgia,'Times New Roman',Times,serif;font-size:min(max(1rem,2.5vw),1.5rem);line-height:1.375;font-weight:normal;letter-spacing:.01em;width:100%;max-width:30em;position:relative;z-index:10;margin-bottom:0;text-transform:none}span.hero-angle{display:block;position:absolute;z-index:12;width:0;height:0;left:0;bottom:0;border-left:3000px solid transparent;border-bottom:300px solid rgba(0,0,0,0);pointer-events:none}@media(max-width:64.375em){body .angle-background-image{padding-top:60px}}@media(max-width:47.9375em){body section.hero{height:60vh;padding:0 10% calc(4em + 5%)}body div.angle-background-image{height:70vh;padding-top:30px}}