*,*::before,*::after{padding:0;margin:0;box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%}@media only screen and (max-width: 71.5em){html{font-size:50%}}body{font-family:"Nunito", sans-serif;color:#6d5d4b;font-weight:300;line-height:1.6}.container{display:grid;grid-template-rows:80vh min-content 40vw repeat(3, min-content);grid-template-columns:[sidebar-start] 8rem [sidebar-end full-start] minmax(6rem, 1fr) [center-start] repeat(8, [col-start] minmax(min-content, 14rem) [col-end]) [center-end] minmax(6rem, 1fr) [full-end]}@media only screen and (max-width: 57.5em){.container{grid-template-rows:6rem 80vh min-content 40vw repeat(3, min-content);grid-template-columns:[full-start] minmax(6rem, 1fr) [center-start] repeat(8, [col-start] minmax(min-content, 14rem) [col-end]) [center-end] minmax(6rem, 1fr) [full-end]}}@media only screen and (max-width: 51.25em){.container{grid-column:1 / -1;grid-template-rows:6rem calc(100vh - 6rem) min-content min-content}}.heading-1,.heading-2,.heading-3,.heading-4{font-family:"Josefin Sans", sans-serif;font-weight:400}.heading-1{font-size:4.5rem;line-height:1;color:#f9f7f6}@media only screen and (max-width: 31.25em){.heading-1{font-size:3.5rem}}.heading-2{font-size:4rem;font-style:italic;line-height:1}@media only screen and (max-width: 31.25em){.heading-2{font-size:3rem}}.heading-2--light{color:#f9f7f6}.heading-2--dark{color:#54483a}.heading-3{text-transform:uppercase;color:#b28451;font-size:1.6rem}.heading-4{font-size:2rem}.heading-4--light{color:#f9f7f6}.heading-4--dark{color:#54483a}.sidebar{background-color:#c69963;grid-template-columns:sidebar-start/sidebar-end;grid-row:1}@media only screen and (max-width: 57.5em){.sidebar{grid-column:1 / -1;grid-row:1 / 2}}.navbar{position:fixed;width:8rem;height:100vh;background-color:#c69963;z-index:500;transition:all 0.2s}@media only screen and (max-width: 57.5em){.navbar{width:100%;height:6rem;position:relative}}.navbar__btn{position:absolute;top:4rem;left:50%;border:none;background:none;z-index:50000;transform:translateX(-50%);cursor:pointer}.navbar__btn:focus{outline:none}@media only screen and (max-width: 57.5em){.navbar__btn{left:90%;width:5rem;top:3rem}}.navbar__icon{position:relative}.navbar__icon,.navbar__icon:before,.navbar__icon::after{display:inline-block;width:4rem;height:3px;background-color:#fff}.navbar__icon:before,.navbar__icon::after{content:"";position:absolute;left:0;top:0;transition:all 0.3s}.navbar__icon::before{top:-1rem}.navbar__icon::after{top:1rem}.navbar__btn:hover .navbar__icon::before{top:-1.2rem}.navbar__btn:hover .navbar__icon::after{top:1.2rem}.nav-open .navbar__icon{background-color:transparent}.nav-open .navbar__btn .navbar__icon::before{top:0;transform:rotate(-140deg)}.nav-open .navbar__btn .navbar__icon::after{top:0;transform:rotate(140deg)}.navbar__details{height:100%;display:flex;align-items:center;justify-content:center;transform:translateX(-100%);opacity:0;pointer-events:none;visibility:hidden;transition:all 0.4s}@media only screen and (max-width: 57.5em){.navbar__details{transform:translateY(-100%)}}.nav-open .navbar__details{width:100%;transform:translateX(0);opacity:1;pointer-events:auto;visibility:visible}@media only screen and (max-width: 57.5em){.nav-open .navbar__details{transform:translateY(0)}}.navbar__list{list-style:none}.navbar__item{text-align:center}.navbar__item:not(:last-of-type){margin-bottom:2rem}.navbar__link:link,.navbar__link:visited{display:inline-block;text-decoration:none;font-size:2rem;color:#fff;padding:1.2rem 2rem;transition:all 0.3s;background-image:linear-gradient(120deg, transparent 0%, transparent 50%, #f9f7f6 50%);background-size:280%}@media only screen and (max-width: 57.5em){.navbar__link:link,.navbar__link:visited{font-size:3rem}}.navbar__link:hover,.navbar__link:active{background-position:100%;color:#b28451;transform:translateX(5px)}.nav-open .navbar{width:20vw}@media only screen and (max-width: 57.5em){.nav-open .navbar{width:100%;height:100vh}}@media only screen and (max-width: 57.5em){.sticky .navbar{position:fixed;background-color:rgba(198,153,99,0.95);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}@media only screen and (hover: none){.nav-open{overflow:hidden}}.header{grid-column:full-start/ col-end 6;background-image:linear-gradient(rgba(16,29,44,0.92), rgba(16,29,44,0.92)),url("../img/hero.jpeg");background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;padding:5rem 8rem 5rem}.header__container{display:flex;flex-direction:column;height:100%}.header__btn{align-self:flex-start;margin-bottom:auto}.header__logo{height:3rem;align-self:center;margin-bottom:auto}@media only screen and (max-width: 51.25em){.header{grid-column:1 / -1}}@media only screen and (max-width: 31.25em){.header{padding:4rem}}.logo{display:grid;grid-template-columns:repeat(4, 1fr);justify-items:center;align-items:center;gap:2rem}.logo__img{max-height:2.5rem;max-width:100%;filter:brightness(70%)}.see-on{font-size:1.5rem;color:#aaa;display:grid;grid-template-columns:1fr max-content 1fr;gap:1.3rem;align-items:center}.see-on::before,.see-on::after{content:"";display:block;height:2px;background-color:currentColor}.realtors{background-color:#101d2c;grid-column:col-end 6 / full-end;display:flex;flex-direction:column;align-items:center;justify-content:center}@media only screen and (max-width: 51.25em){.realtors{grid-column:1 / -1;padding-top:5rem}}.realtor{display:grid;grid-template-columns:min-content max-content;align-items:center;-moz-column-gap:2rem;column-gap:2rem;row-gap:3rem;margin-top:3rem}@media only screen and (max-width: 51.25em){.realtor{grid-template-columns:repeat(3, min-content max-content)}}@media only screen and (max-width: 31.25em){.realtor{display:grid;grid-template-columns:max-content 1fr;align-items:center;-moz-column-gap:2rem;column-gap:2rem;row-gap:3rem}}.realtor__img{display:block;height:7rem;border-radius:50%}.realtor__name{font-size:1.8rem;font-weight:600;color:#f9f7f6}.realtor__sold{color:#aaa;text-transform:uppercase;margin-top:-3px}@media only screen and (max-width: 51.25em){.realtor{padding-bottom:5rem}}.features{grid-column:center-start / center-end;margin:15rem 0;display:grid;grid-template-columns:repeat(auto-fit, minmax(30rem, 1fr));align-items:start;gap:6rem}.feature{display:grid;grid-template-columns:min-content 1fr;gap:1rem}.feature__icon{font-size:4.5rem;color:#b28451;--ionicon-stroke-width: 16px;grid-row:1 / span 2;transform:translateY(-1rem)}.feature__text{font-size:1.7rem}.story__picture{grid-column:full-start / col-end 4;background-image:linear-gradient(to right bottom, rgba(198,153,99,0.5), rgba(198,153,99,0.5)),url("../img/back.jpg");display:grid;grid-template-columns:repeat(6, 1fr);grid-template-rows:repeat(6, 1fr);align-items:center}@media only screen and (max-width: 51.25em){.story__picture{grid-column:1 / -1}}.story__img-1{width:100%;grid-column:2 / 6;grid-row:2 /6;box-shadow:0 1rem 2rem rgba(0,0,0,0.2)}.story__img-2{width:110%;grid-row:4/6;grid-column:4 /7;z-index:1;box-shadow:0 1rem 2rem rgba(0,0,0,0.2)}@media only screen and (max-width: 51.25em){.story__img-2{grid-column:4 / 6;grid-row:5 / 7;width:12 0%}}.story__content{background-color:#f9f7f6;grid-column:col-start 5 / full-end;padding:6rem 8vw;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}@media only screen and (max-width: 51.25em){.story__content{grid-column:1 / -1}}.story__text{font-size:1.6rem;font-style:italic;margin-bottom:3rem}.homes{grid-column:center-start / center-end;padding:20rem 0;display:grid;grid-template-columns:repeat(auto-fit, minmax(30rem, 1fr));gap:7rem}@media only screen and (max-width: 57.5em){.homes{grid-column:2 / center-end}}.home{display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(3, max-content);gap:5rem;box-shadow:0 1rem 2rem rgba(0,0,0,0.2)}.home__img{grid-column:1 /-1;grid-row:1 /2;width:100%}.home__title{padding:1rem 3rem;grid-column:1 /-1;grid-row:1 /2;align-self:end;justify-self:center;transform:translateY(50%);font-size:1.8rem;font-weight:400;background-color:#101d2c;color:#f9f7f6}.home__heart{grid-row:1 /2;grid-column:2;font-size:2rem;justify-self:end;padding:1rem;z-index:1}.home__details{display:grid;grid-template-columns:1fr 1fr;gap:3rem;padding:0 2rem;align-items:center;grid-column:1 /-1;margin-top:3rem}.home__list{display:flex;align-items:flex-end;gap:1rem}.home__icon{font-size:2.2rem;color:#b28451}.home span{display:inline-block;line-height:1;font-size:1.7rem}.home a{grid-column:1 /-1;align-self:end;text-align:center}.gallery{grid-column:full-start / full-end;display:grid;grid-template-columns:repeat(8, 1fr);grid-template-rows:repeat(7, 5vw);gap:1.5rem;padding:1.5rem}@media only screen and (max-width: 57.5em){.gallery{gap:1rem;padding:1rem}}@media only screen and (max-width: 31.25em){.gallery{gap:0.5rem;padding:0.5rem}}.gallery__photo--1{grid-column:1 / span 2;grid-row:1 / span 2}.gallery__photo--2{grid-column:3 / 6;grid-row:1 / span 3}.gallery__photo--3{grid-row:1 /3}.gallery__photo--4{grid-column:7 / -1;grid-row:1 / 3}.gallery__photo--5{grid-column:1 / 3;grid-row:3 / 6}.gallery__photo--6{grid-column:6 / 8;grid-row:3 / 5}.gallery__photo--7{grid-row:3 / 6}.gallery__photo--8{grid-column:3 / 5;grid-row:4 / 6}.gallery__photo--10{grid-column:5 / 8;grid-row:5 / 8}.gallery__photo--11{grid-column:8 / -1;grid-row:6 / 8}.gallery__photo--12{grid-row:6 / 8}.gallery__photo--13{grid-column:2 / 4;grid-row:6 / 8}.gallery__photo--14{grid-row:6 / 8}.gallery img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.footer{background-color:#101d2c;grid-column:full-start / full-end;padding:10rem}@media only screen and (max-width: 57.5em){.footer{padding:5rem}}@media only screen and (max-width: 31.25em){.footer{padding:5rem 2rem}}.nav__list{list-style:none;display:grid;grid-template-columns:repeat(auto-fill, minmax(15rem, 1fr));align-items:center;gap:1.5rem}@media only screen and (max-width: 31.25em){.nav__list{grid-template-columns:1fr}}.nav__item{font-size:1.4rem;text-align:center}.nav__link:link,.nav__link:visited{display:inline-block;text-decoration:none;color:#f9f7f6;text-transform:uppercase;transition:all 0.3s;padding:1.5rem}.nav__link:hover,.nav__link:active{background-color:rgba(249,247,246,0.2)}.copy-rights{font-size:1.6rem;color:#f9f7f6;text-align:center;margin-top:8rem}.btn:link,.btn:visited{text-decoration:none;display:inline-block;font-size:1.5rem;font-weight:600;text-transform:uppercase;background-color:#c69963;padding:1.5rem 3rem;color:#f9f7f6;transition:all 0.2s}.btn:hover,.btn :visited{background-color:#b28451}.mg-btm-small{margin-bottom:1.8rem}.mg-btm-meduim{margin-bottom:2.5rem}