:root{--column-gap:2.13%;--column-width-multiplier:8.333}.portfolio #main-content{overflow:hidden}.row-fluid{display:flex;flex-wrap:wrap;width:100%}.row-fluid .span1,.row-fluid .span10,.row-fluid .span11,.row-fluid .span12,.row-fluid .span2,.row-fluid .span3,.row-fluid .span4,.row-fluid .span5,.row-fluid .span6,.row-fluid .span7,.row-fluid .span8,.row-fluid .span9{min-height:1px;width:100%}@media (min-width:768px){.row-fluid{flex-wrap:nowrap;justify-content:space-between}.row-fluid .span1{width:calc(var(--column-width-multiplier)*1%*1 - var(--column-gap)*var(--column-width-multiplier)*11/100)}.row-fluid .span2{width:calc(var(--column-width-multiplier)*1%*2 - var(--column-gap)*var(--column-width-multiplier)*10/100)}.row-fluid .span3{width:calc(var(--column-width-multiplier)*1%*3 - var(--column-gap)*var(--column-width-multiplier)*9/100)}.row-fluid .span4{width:calc(var(--column-width-multiplier)*1%*4 - var(--column-gap)*var(--column-width-multiplier)*8/100)}.row-fluid .span5{width:calc(var(--column-width-multiplier)*1%*5 - var(--column-gap)*var(--column-width-multiplier)*7/100)}.row-fluid .span6{width:calc(var(--column-width-multiplier)*1%*6 - var(--column-gap)*var(--column-width-multiplier)*6/100)}.row-fluid .span7{width:calc(var(--column-width-multiplier)*1%*7 - var(--column-gap)*var(--column-width-multiplier)*5/100)}.row-fluid .span8{width:calc(var(--column-width-multiplier)*1%*8 - var(--column-gap)*var(--column-width-multiplier)*4/100)}.row-fluid .span9{width:calc(var(--column-width-multiplier)*1%*9 - var(--column-gap)*var(--column-width-multiplier)*3/100)}.row-fluid .span10{width:calc(var(--column-width-multiplier)*1%*10 - var(--column-gap)*var(--column-width-multiplier)*2/100)}.row-fluid .span11{width:calc(var(--column-width-multiplier)*1%*11 - var(--column-gap)*var(--column-width-multiplier)*1/100)}}body{background-color:var(--color-off-white)}.portfolio h1{color:var(--color-black)}.portfolio h2{font-size:32px;margin-bottom:0}.portfolio h2 a{-webkit-background-clip:text;background-image:linear-gradient(to right,var(--color-green),var(--color-green) 50%,var(--color-black)50%);background-position:-100%;background-size:200% 100%;color:var(--color-black);display:inline-block;line-height:1.3;padding:5px 0;position:relative;text-decoration:none;-webkit-text-fill-color:transparent;transition:all .3s ease-in-out}.portfolio h2 a:before{background:var(--color-yellow);bottom:-3px;content:"";display:block;height:3px;left:0;position:absolute;transition:all .3s ease-in-out;width:0}.portfolio h2 a:hover{background-position:0}.portfolio h2 a:hover:before{width:100%}.portfolio__breadcrumb{color:var(--color-green);font-size:12px;text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out}.portfolio__breadcrumb:hover{color:var(--color-yellow)}