.contact-list{width:100%;overflow:auto}@media screen and (min-width:1021px){.contact-list{grid-gap:var(--width-margin);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}.primary{width:50%;margin:0 auto}:is(.contact-list,.primary) .contact{border:1px solid rgb(var(--color-shade-light));margin-bottom:30px;padding:10px}@media screen and (min-width:601px){:is(.contact-list,.primary) .contact.with-image{grid-gap:20px;grid-template-columns:140px auto;display:grid}}@media screen and (min-width:1301px){:is(.contact-list,.primary) .contact.with-image{grid-template-columns:180px auto}}:is(.contact-list,.primary) .contact .contact-image img{display:block}:is(.contact-list,.primary) .contact .contact-info .contact-info--title{font-weight:700}