#modal-nav{display:flex;justify-content:space-between;align-items:center;position:-webkit-sticky;position:sticky;z-index:1;top:0;background:#fff;box-shadow:0 1px 5px rgba(0,0,0,.2);padding:20px 20px 16px}i.close{font-size:24px;color:#d3d3d3}i.close:hover{cursor:pointer;color:var(--clr-primary)}@media screen and (min-width:600px){#modal-nav{padding:20px 30px 16px}}@media screen and (min-width:850px){#modal-nav{padding:25px 50px 20px}}.about-content{display:grid;grid-template-columns:1fr;grid-gap:25px;grid-template-areas:"kay" "picture" "website" "quote"}div.about-kay{grid-area:kay}div.about-website{grid-area:website}img.portrait{grid-area:picture}img.quote{grid-area:quote}img.portrait{width:100%}img.portrait.full{display:none}img.quote{width:100%}.about-content h2{margin-bottom:15px}.about-content a{color:var(--clr-primary)}@media screen and (min-width:600px){.about-content{display:inline-block}img.portrait{display:block;width:45%;float:right;padding:0 0 30px 30px;box-sizing:border-box}.about-kay,.about-website{margin-bottom:30px}}@media screen and (min-width:850px){img.portrait{width:50%}img.portrait.mobile{display:none}img.portrait.full{display:block}.about-kay,.about-website{margin-bottom:50px}}