.portfolio{padding-left:16px;padding-right:16px}.portfolio .featured-work .card-info a{background-color:#f9f9f9;display:flex;justify-content:center;width:100%}.portfolio .featured-work .card-info a img{max-width:285px;padding:2rem}.portfolio .featured-work .card-info a.view-site{background-color:transparent;display:inline-block;font-size:16px;text-align:left}.portfolio .featured-work .card-info p{margin-bottom:1rem;padding-top:1rem}.portfolio .featured-work .card-info h4{font-size:20px;margin:0}.portfolio .featured-work .card-info h3{margin-bottom:4px;margin-top:1rem}.portfolio .featured-work .card-info{margin-bottom:1rem}@media screen and (min-width:640px){.portfolio .featured-work .card-info{grid-gap:4px 1rem;display:grid;grid-template-areas:"logo header" "logo subheader" "logo paragraph" "logo link";grid-template-columns:1fr 1fr}.portfolio .featured-work .card-info a{align-items:center;grid-area:logo}.portfolio .featured-work .card-info a.view-site{grid-area:link}.portfolio .featured-work .card-info h3{grid-area:header;margin-top:0}.portfolio .featured-work .card-info h4{grid-area:subheader}.portfolio .featured-work .card-info p{grid-area:paragraph}.portfolio .featured-work .card-info a img{max-height:150px;object-fit:contain;padding-bottom:0;padding-top:0;width:auto}}@media screen and (min-width:768px){.portfolio .section-content{margin-top:2rem}}@media screen and (min-width:1024px){.portfolio .featured-work .card{display:flex}.portfolio .featured-work .card-info{display:block;padding-right:2rem;width:35%}.portfolio .featured-work .card-info a img{padding:2rem}.portfolio .featured-work .card-content{padding-left:2rem;width:65%}.portfolio .featured-work .card-content a{border:1px solid #f9f9f9;display:inline-block}.portfolio .featured-work .card-info h3{margin-top:1.5rem}}.portfolio .featured-work .card{border-bottom:1px solid #ddd;margin-bottom:3rem;padding-bottom:3rem;transition:all .5s ease}.portfolio .featured-work .card:last-of-type{border-bottom:0;margin:0;padding:0}.portfolio .featured-work .card .card-content a{display:flex}.portfolio .featured-work .card .card-info a{text-transform:uppercase}@media screen and (min-width:1024px){.portfolio .featured-work .card:nth-of-type(2n){flex-direction:row-reverse}.portfolio .featured-work .card:nth-of-type(2n) .card-info{padding-left:2rem;padding-right:0}.portfolio .featured-work .card:nth-of-type(2n) .card-content{padding-left:0;padding-right:2rem}.portfolio .featured-work .card .card-info a{min-height:150px}.portfolio .featured-work .card-info a.view-site{min-height:auto}}.portfolio .featured-work .card .card-content a img{border:1px solid #ddd}@media screen and (min-width:1024px){.portfolio .featured-work .card .card-content a{background-color:#f7f7f7;padding:1rem}}.portfolio .other-work{margin-bottom:3rem;margin-top:2rem}.portfolio .other-work .card{border:1px solid #ddd}.portfolio .other-work .card img{max-height:200px;object-fit:contain;padding:2rem;width:100%}.portfolio .other-work .card a{align-items:center;display:flex;height:100%;justify-content:center}.portfolio .other-work .section-content{grid-gap:1rem;display:grid;grid-template-columns:1fr}@media screen and (min-width:768px){.portfolio .other-work .section-content{grid-template-columns:1fr 1fr 1fr}.portfolio .other-work{margin-top:4rem}}@media screen and (min-width:1024px){.portfolio .other-work .card img{padding:3rem}}