*,*::before,*::after{margin:0;padding:0;box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%}@media only screen and (max-width: 75em){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: 62.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: 50em){.container{grid-template-rows:6rem calc(100vh - 6rem)}}.heading-1,.heading-2,.heading-3,.heading-4{font-family:"Josefin Sans", sans-serif;font-weight:400}.heading-1{font-size:4.5rem;color:#f9f7f6;line-height:1}.heading-2{font-size:4rem;font-style:italic;line-height:1}.heading-2--light{color:#f9f7f6}.heading-2--dark{color:#54483a}.heading-3{font-size:1.6rem;color:#c69963;text-transform:uppercase}.heading-4{font-size:1.9rem}.heading-4--light{color:#f9f7f6}.heading-4--dark{color:#54483a}.btn{background-color:#c69963;color:#fff;font-family:"Josefin Sans", sans-serif;font-size:1.5rem;text-transform:uppercase;padding:1.8rem 3rem;transition:all 0.2s;cursor:pointer;border:none;border-radius:0}.btn:hover{background-color:#b28451}.mb-s{margin-bottom:2rem}.mb-m{margin-bottom:3rem}.mb-l{margin-bottom:4rem}.mb-h{margin-bottom:8rem}.sidebar{grid-row:1 / -1;grid-column:sidebar-start / sidebar-end;display:flex;justify-content:center;background-color:#c69963}@media only screen and (max-width: 62.5em){.sidebar{grid-row:1 / 2;grid-column:1 / -1;justify-content:flex-end;align-items:center}}.nav-btn{border:none;border-radius:0;background-color:#fff;height:2px;width:4.5rem;margin-top:4rem}.nav-btn::before,.nav-btn::after{background-color:#fff;height:2px;width:4.5rem;content:"";display:block}.nav-btn::before{transform:translateY(-1.5rem)}.nav-btn::after{transform:translateY(1.3rem)}@media only screen and (max-width: 62.5em){.nav-btn{margin-top:0;margin-right:3rem}.nav-btn::before{transform:translateY(-1.2rem)}.nav-btn::after{transform:translateY(1rem)}}.header{grid-column:full-start / col-end 6;display:grid;grid-template-rows:1fr min-content minmax(6rem, min-content) 1fr;grid-template-columns:minmax(min-content, max-content);grid-row-gap:1.5rem;justify-content:center;background-image:linear-gradient(rgba(16,29,44,0.93), rgba(16,29,44,0.93)),url(../img/hero.jpeg);background-size:cover;background-position:center;padding:8rem;padding-top:4rem}@media only screen and (max-width: 50em){.header{grid-column:1 / -1}}@media only screen and (max-width: 37.5em){.header{padding:5rem}}.header__logo{justify-self:center;height:3rem}.header__btn{align-self:start;justify-self:start}.header__seenon--text{display:grid;grid-template-columns:1fr max-content 1fr;grid-column-gap:1.5rem;align-items:center;font-size:1.6rem;color:#aaa}.header__seenon--text::before,.header__seenon--text::after{display:block;content:"";height:1px;background-color:currentColor}.header__seenon--logos{display:grid;grid-template-columns:repeat(4, 1fr);gap:3rem;justify-items:center;align-items:center}.header__seenon--logos img{max-height:2.5rem;max-width:100%;filter:brightness(70%)}.realtors{grid-column:col-start 7 / full-end;display:grid;align-content:center;justify-content:center;justify-items:center;row-gap:2rem;background-color:#101d2c;padding:3rem}@media only screen and (max-width: 50em){.realtors{grid-column:1 / -1}}.realtors__list{display:grid;grid-template-columns:min-content max-content;align-items:center;grid-column-gap:2rem;grid-row-gap:5vh}@media only screen and (max-width: 50em){.realtors__list{grid-template-columns:repeat(3, min-content max-content)}}@media only screen and (max-width: 37.5em){.realtors__list{grid-template-columns:min-content max-content}}.realtors__img{display:block;width:7rem;border-radius:50%}.realtors__sold{text-transform:uppercase;color:#aaa;margin-top:-3px}.features{grid-column:center-start / center-end;margin:15rem 0}@supports (display: grid){.features{display:grid;grid-template-columns:repeat(auto-fit, minmax(25rem, 1fr));grid-gap:6rem;align-items:start}}.feature{float:left;width:33.3333%;margin-bottom:6rem;display:grid;grid-template-columns:min-content 1fr;grid-column-gap:2.5rem;grid-row-gap:1.5rem}@supports (display: grid){.feature{width:auto;margin-bottom:0}}.feature__icon{grid-row:1 / span 2;transform:translateY(-1rem);fill:#c69963;width:4.5rem;height:4.5rem}.feature__text{font-size:1.7rem}.story__pictures{grid-column:full-start / col-end 4;display:grid;grid-template-rows:repeat(6, 1fr);grid-template-columns:repeat(6, 1fr);align-items:center;background-image:linear-gradient(rgba(198,153,99,0.5), rgba(198,153,99,0.5)),url(../img/back.jpg);background-size:cover}@media only screen and (max-width: 50em){.story__pictures{grid-column:1 / -1;padding:6rem}}.story__img--1{grid-row:2 / 6;grid-column:2 / 6;width:100%;box-shadow:0 2rem 5rem rgba(0,0,0,0.1)}@media only screen and (max-width: 50em){.story__img--1{grid-column:1 / 5;grid-row:1 / -1}}.story__img--2{grid-row:4 / 6;grid-column:4 / 7;box-shadow:0 2rem 5rem rgba(0,0,0,0.2);width:115%;z-index:20}@media only screen and (max-width: 50em){.story__img--2{grid-row:1 / -1;width:100%}}.story__content{grid-column:col-start 5 / full-end;display:grid;align-content:center;justify-items:start;background-color:#f9f7f6;padding:6rem 8vw}@media only screen and (max-width: 50em){.story__content{grid-row:5 / 6;grid-column:1 / -1}}.story__text{font-size:1.5rem;font-style:italic;margin-bottom:4rem}.homes{grid-column:center-start / center-end;display:grid;grid-template-columns:repeat(auto-fit, minmax(25rem, 1fr));grid-gap:7rem;margin:15rem 0}.home{display:grid;grid-template-columns:repeat(2, 1fr);grid-row-gap:3.5rem;background-color:#f9f7f6}.home__img{grid-column:1 / -1;grid-row:1 / 2;width:100%;z-index:1}.home__like{grid-column:2 / 3;grid-row:1 / 2;justify-self:end;fill:#c69963;height:2.5rem;width:2.5rem;margin:1rem;z-index:2}.home__name{grid-column:1 / -1;grid-row:1 / 2;justify-self:center;align-self:end;width:80%;transform:translateY(50%);z-index:3;font-family:"Josefin Sans", sans-serif;font-size:1.6rem;text-align:center;padding:1.25rem;background-color:#101d2c;color:#fff;font-weight:400}.home__location,.home__rooms{margin-top:2.5rem}.home__location,.home__rooms,.home__area,.home__price{display:flex;align-items:center;gap:1rem;font-size:1.5rem;margin-left:2rem}.home__location svg,.home__rooms svg,.home__area svg,.home__price svg{fill:#c69963;height:2rem;width:2rem}.home__btn{grid-column:1 / -1}.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;background-color:#f9f7f6}.gallery__item--1{grid-column:1 / span 2;grid-row:1 / span 2}.gallery__item--2{grid-column:3 / span 3;grid-row:1 / span 3}.gallery__item--3{grid-column:6 / 7;grid-row:1 / span 2}.gallery__item--4{grid-column:7 / -1;grid-row:1 / span 2}.gallery__item--5{grid-column:1 / span 2;grid-row:3 / span 3}.gallery__item--6{grid-column:3 / span 2;grid-row:4 / span 2}.gallery__item--7{grid-column:5;grid-row:4}.gallery__item--8{grid-column:6 / span 2;grid-row:3 / span 2}.gallery__item--9{grid-column:8;grid-row:3 / span 3}.gallery__item--10{grid-column:1;grid-row:6 / span 2}.gallery__item--11{grid-column:2 / span 2;grid-row:6 / span 2}.gallery__item--12{grid-column:4;grid-row:6 / span 2}.gallery__item--13{grid-column:5 / span 3;grid-row:5 / span 3}.gallery__item--14{grid-column:8;grid-row:6 / span 2}.gallery__img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.footer{grid-column:full-start / full-end;padding:8rem;background-color:#101d2c}.nav{display:grid;grid-template-columns:repeat(auto-fit, minmax(15rem, 1fr));align-items:center;gap:2rem;list-style:none}.nav__link:link,.nav__link:visited{font-size:1.4rem;color:#fff;text-decoration:none;font-family:"Josefin Sans", sans-serif;text-transform:uppercase;text-align:center;padding:1.5rem;display:block;transition:all 0.2s}.nav__link:hover,.nav__link:active{background:rgba(255,255,255,0.05);transform:translateY(-3px)}.copyright{font-size:1.4rem;color:#aaa;margin-top:6rem;margin-right:auto;margin-left:auto;text-align:center;width:70%}
