#portfolio{display:flex;flex-direction:column;justify-content:flex-start;width:100vw}#portfolio .port-wrapper{display:grid;padding:0 24px;grid-gap:48px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.port-item{background:#fff;background:#eaeaea;border:3px solid #000;-webkit-box-shadow:6px 6px 0 0 #000;-moz-box-shadow:6px 6px 0 0 #000;box-shadow:6px 6px 0 0 #000;display:flex;flex-direction:column;justify-content:space-between}#portfolio h1{color:#fff}.port-foot{display:block;padding:24px}.port-foot h4{display:grid;grid-gap:12px;align-items:baseline;font-size:15px;grid-template-columns:max-content auto max-content}.dots{border-bottom:2px dotted #000;height:75%}.scroll-icon{border-bottom:3px solid #000;cursor:url(https://cdn2.hubspot.net/hubfs/1657909/_2018/Icons/cursor-32.png),auto}@media only screen and (max-width:800px){#portfolio .port-wrapper{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:42px}.dots{border-bottom:none}}