@import 'https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;500;600;700&display=swap';html{background-color:#f6f6f6}body{font-family:eb garamond,helvetica neue,segoe ui,sans-serif;margin:0;font-weight:300;font-size:23px;background-color:#fff;padding-top:0; #display: flex}.wrap{background:#fff;padding:5% 10%}.header{justify-content:space-between;display:flex;flex-wrap:wrap;padding:0 3rem 3rem 0}.slogan{margin:1.25rem;align-content:center;text-align:center;font-style:italic;font-weight:100}.header .nav{text-align:right;display:flex;gap:20px;align-items:center}.hero-text h1{grid-column:1/-1;font-size:3rem;font-weight:400;color:#111827;line-height:1.2;align-items:center;text-align:center}.hero-text p{grid-column:1/-1;color:#4b5563}.photo{text-align:right;float:right}.photo img{max-width:234px;border-radius:100%;display:inline-block}a{color:#f30;text-decoration:none}@media(max-width:767px){body{font-size:20px;line-height:1.4em}.wrap{padding:30px 15px;margin:0}.header{justify-content:space-between;flex-direction:column;border-bottom:1px solid #ccc;padding:0 1rem 1rem 0}.header .nav{justify-content:center;text-align:center}.logo{display:block;text-align:center}.slogan h2{display:block;width:100%}.photo{text-align:center;float:none;margin:0 auto}}