.nav{width:100%;height:4rem;box-shadow:0 5px 10px -2px #0000001a;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;left:0;padding:0 3%;background-color:#f5f5f7}.nav a{margin:0 1rem;color:#4e3629;font-weight:600;transition-duration:.3s}.nav a:hover{color:#b87333}.nav .part{display:flex;align-items:center;gap:1rem}.nav img{height:2rem}.nav .main{width:60%;display:flex;justify-content:center}.nav .socials{gap:2rem}.nav .socials svg{width:2rem;height:2rem}.nav .socials a{margin:0}.nav .socials a:hover path{transition-duration:.3s;fill:#b87333}.nav-responsive{display:none}@media (max-width: 1399.98px){.nav .main{width:70%;gap:.5rem}}@media (max-width: 991.98px){.nav{display:none}.nav-responsive{height:4rem;position:sticky;top:0;left:0;display:flex;box-shadow:0 5px 10px -2px #0000001a;justify-content:space-between;align-items:center;padding:0 3%;background-color:#f5f5f7;z-index:1000}.nav-responsive img{height:2rem}.nav-responsive .hamburger{width:2rem;height:1rem;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer}.nav-responsive .hamburger div{width:100%;height:.125rem;background-color:#4e3629}.nav-responsive .content{display:none;flex-direction:column;gap:1rem;position:absolute;top:4rem;left:0;width:100%;height:100dvh;background-color:#f5f5f7;padding:1rem;box-shadow:0 5px 10px -2px #0000001a;border-top:solid 1px #4E3629}.nav-responsive.active .hamburger div:nth-child(2){background-color:transparent}.nav-responsive.active .hamburger div:first-child{transform:rotate(45deg) translate(.3rem,.5rem)}.nav-responsive.active .hamburger div:last-child{transform:rotate(-45deg) translate(.2rem,-.3rem)}.nav-responsive.active .content{display:flex}}.about .content{display:flex;align-items:center;padding:5% 3%}.about .content>div{width:50%}.about .content .info{padding:0 5%;text-align:justify}.about .content .info h1{margin-bottom:5%}.about .content .photo{display:flex;justify-content:center}.about .content .photo img{width:60%;object-fit:cover}@media (max-width: 1199.98px){.about .content .photo img{width:auto;height:70vh}}@media (max-width: 991.98px){.about .content{flex-direction:column;padding:3%}.about .content .info h1{margin-bottom:0}.about .content>div{width:100%}.about .content .info{padding:0}.about .content .photo{margin-top:3%}.about .content .photo img{width:90%;height:100%}}
