*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:#bcdfe9;background-size:cover;background-attachment:fixed;background-position:50%}.container{margin:0 auto;max-width:1370px}@media screen and (max-width:1324px){.container{padding:20px}}footer,nav{background:#f9eedc;color:#502419;padding:25px 0 40px 0}footer a,nav a{color:#502419;text-decoration:none;margin-right:15px}footer .upper-links,nav .upper-links{margin-bottom:23px}footer .upper-links a,nav .upper-links a{background:#e7bb73;padding:7px 15px;transition:background .2s ease}footer .upper-links a:active,footer .upper-links a:focus,footer .upper-links a:hover,nav .upper-links a:active,nav .upper-links a:focus,nav .upper-links a:hover{background:#eac384}@media screen and (max-width:425px){footer .upper-links a,nav .upper-links a{font-size:.9rem;padding:5px 10px}}@media screen and (max-width:380px){footer .upper-links a,nav .upper-links a{display:block;width:150px;margin-bottom:10px}}footer .logo,nav .logo{font-size:2rem;color:#502419}footer .logo span,nav .logo span{display:block;color:#502419}@media screen and (max-width:720px){footer .logo,nav .logo{font-size:1.7rem}}@media screen and (max-width:600px){footer .logo,nav .logo{font-size:1.3rem}}@media screen and (max-width:450px){footer .logo,nav .logo{font-size:1rem}}.home{margin:100px auto}.home .header{margin-bottom:40px;color:#502419;font-size:3rem}.home .people{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-row-gap:4rem;grid-column-gap:2rem}.home .people .person{background:#fff;border-radius:5px;box-shadow:0 2px 10px rgba(0,0,0,.2);cursor:pointer;min-height:400px;background-position:50%;background-size:cover;background-repeat:no-repeat;display:flex;flex-direction:column-reverse;background-position-y:-20px}.home .people .person h2{transform:translateY(100%);opacity:0;z-index:-1;background:#e4b262;color:#fff;padding:15px;transition:all .2s ease}.home .people .person .video-link h2{background:none}.home .people .person .video-link a{padding:15px;background:#08b2e3;box-shadow:0 2px 7px rgba(0,0,0,.2);color:#fff;text-decoration:none;display:inline-block;margin:0 auto}.home .people .person:active h2,.home .people .person:focus h2,.home .people .person:hover h2{transform:translateY(0);opacity:1;z-index:1}footer{text-align:center}footer a{border-bottom:1px solid #cf8572}footer .logo{margin-bottom:10px;font-size:1rem}footer .logo span{color:#502419;display:inline}