*,*::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;background-color:#fff;font-weight:300;line-height:1.6}.container{display:grid;grid-template-rows:80vh -webkit-min-content 40vw repeat(3, -webkit-min-content);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(-webkit-min-content, 14rem) [col-end]) [center-end] minmax(6rem, 1fr) [full-end];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 -webkit-min-content 40vw repeat(3, -webkit-min-content);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(-webkit-min-content, 14rem) [col-end]) [center-end] minmax(6rem, 1fr) [full-end];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;border:none;border-radius:0;font-family:"Josefin Sans", sans-serif;font-size:1.5rem;text-transform:uppercase;padding:1.8rem 3rem;cursor:pointer;transition:all .2s}.btn:hover{background-color:#B28451}.mb-sm{margin-bottom:2rem}.mb-md{margin-bottom:3rem}.mb-lg{margin-bottom:4rem}.mb-xlg{margin-bottom:8rem}.sidebar{background-color:#c69963;grid-column:sidebar-start / sidebar-end;grid-row:1 / -1}@media only screen and (max-width: 62.5em){.sidebar{grid-column:1/-1;grid-row:1 / 2}}.sidebar__menu{width:100%;position:relative;height:100%;background-image:linear-gradient(rgba(198,153,99,0.95) 20%, rgba(178,132,81,0.95) 40%);transition:all 0.65s cubic-bezier(0.74, 0.21, 0, 1.64)}@media only screen and (max-width: 62.5em){.sidebar__menu{width:100%;position:fixed;height:6rem;background-image:linear-gradient(#c69963 0%, #b28451 0%)}}.sidebar__checkbox{display:none}.sidebar__button{height:7rem;width:7rem;position:fixed;top:2rem;left:.5rem;z-index:2000;text-align:center;cursor:pointer}@media only screen and (max-width: 62.5em){.sidebar__button{top:-.5rem;left:86vw}}.sidebar__nav{position:fixed;top:15rem;left:1rem;z-index:2500;text-align:center;opacity:0}@media only screen and (max-width: 62.5em){.sidebar__nav{position:relative;left:0;top:10rem}}.sidebar__list{list-style:none;display:flex;flex-direction:column;align-items:start}@media only screen and (max-width: 62.5em){.sidebar__list{display:grid;justify-content:center;justify-items:center;justify-items:center;grid-gap:.8rem;grid-template-columns:repeat(auto-fit, minmax(-webkit-max-content, 30rem));grid-template-columns:repeat(auto-fit, minmax(max-content, 30rem))}}.sidebar__item{font-size:1.8rem;font-weight:300;width:28rem;padding:1.5rem;transition:all .2s;border-radius:2px}@media only screen and (max-width: 62.5em){.sidebar__item{padding:1.8rem}}.sidebar__item:not(:last-child){margin-bottom:2rem}.sidebar__item:hover,.sidebar__item:active{background-color:rgba(255,255,255,0.05);color:#101d2c;transform:translateY(-1rem)}.sidebar__link:link,.sidebar__link:visited{display:flex;align-items:center;text-decoration:none;color:#fff;transition:all .4s}.sidebar__link:link span,.sidebar__link:visited span{display:block}.sidebar__svg{height:2.5rem;width:2.5rem;margin-right:.8rem;fill:rgba(255,255,255,0.45)}@media only screen and (max-width: 62.5em){.sidebar__svg{height:3.5rem;width:3.5rem}}.sidebar__checkbox ~ .sidebar .sidebar__menu{z-index:999;background-color:rgba(255,0,0,0.5)}@media only screen and (max-width: 62.5em){.sidebar__checkbox ~ .sidebar .sidebar__menu{background-color:#c69963}}.sidebar__checkbox:checked ~ .sidebar .sidebar__menu{opacity:1;width:30rem;box-shadow:0 1rem 2rem rgba(0,0,0,0.35)}@media only screen and (max-width: 62.5em){.sidebar__checkbox:checked ~ .sidebar .sidebar__menu{width:100%;height:45vh}}@media only screen and (max-width: 62.5em){.sidebar__checkbox:checked ~ .sidebar .sidebar__menu{width:100%;height:60vh}}@media only screen and (max-width: 37.5em){.sidebar__checkbox:checked ~ .sidebar .sidebar__menu{width:100%;height:100%}}.sidebar__checkbox ~ .sidebar .sidebar__nav{transition:all .1s;visibility:hidden}.sidebar__checkbox:checked ~ .sidebar .sidebar__nav{opacity:1;transition:all .4s .2s;visibility:visible}.sidebar__icon{position:relative;margin-top:3.5rem}.sidebar__icon,.sidebar__icon::before,.sidebar__icon::after{width:3.5rem;height:2px;background-color:#fff;display:inline-block}.sidebar__icon::before,.sidebar__icon::after{content:"";position:absolute;left:0;transition:all .2s}.sidebar__icon::before{top:-1.3rem}.sidebar__icon::after{top:1.3rem}.sidebar__button:hover .sidebar__icon:before{top:-1rem}.sidebar__button:hover .sidebar__icon:after{top:1rem}.sidebar__checkbox:checked+.sidebar__button .sidebar__icon{background-color:transparent}.sidebar__checkbox:checked+.sidebar__button .sidebar__icon:before{top:0;transform:rotate(135deg)}.sidebar__checkbox:checked+.sidebar__button .sidebar__icon:after{top:0;transform:rotate(-135deg)}.header{grid-column:full-start / col-end 6;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;display:grid;grid-template-rows:1fr -webkit-min-content minmax(6rem, -webkit-min-content) 1fr;grid-template-rows:1fr min-content minmax(6rem, min-content) 1fr;grid-template-columns:minmax(-webkit-min-content, -webkit-max-content);grid-template-columns:minmax(min-content, max-content);justify-content:center;grid-row-gap:1.5rem}@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{height:3rem;justify-self:center}.header__btn{align-self:start;justify-self:start}.header__seenon-text{display:grid;grid-template-columns:1fr -webkit-max-content 1fr;grid-template-columns:1fr max-content 1fr;grid-column-gap:1.5rem;align-items:center;color:#aaa;font-size:1.6rem}.header__seenon-text::before,.header__seenon-text::after{content:"";height:1px;display:block;background-color:currentColor}.header__seenon-logos{display:grid;grid-template-columns:repeat(4, 1fr);grid-column-gap:3rem;justify-items:center;align-items:center}.header__seenon-logos img{max-height:2.5rem;max-width:100%;-webkit-filter:brightness(70%);filter:brightness(70%)}.realtors{background-color:#101d2c;grid-column:col-start 7 / full-end;padding:3rem;display:grid;justify-content:center;align-content:center;grid-row-gap:2rem;justify-items:center}@media only screen and (max-width: 50em){.realtors{grid-column:1 / -1}}.realtors__list{display:grid;grid-template-columns:-webkit-min-content -webkit-max-content;grid-template-columns:min-content max-content;grid-column-gap:2rem;grid-row-gap:5vh;align-items:center}@media only screen and (max-width: 50em){.realtors__list{grid-template-columns:repeat(3, -webkit-min-content -webkit-max-content);grid-template-columns:repeat(3, min-content max-content)}}@media only screen and (max-width: 37.5em){.realtors__list{grid-template-columns:-webkit-min-content -webkit-max-content;grid-template-columns:min-content max-content}}.realtors__img{width:7rem;border-radius:50%;display:block}.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.33%;margin-bottom:6rem;display:grid;grid-template-columns:-webkit-min-content 1fr;grid-template-columns:min-content 1fr;grid-row-gap:1.5rem;grid-column-gap:2.5rem}@supports (display: grid){.feature{width:auto;margin-bottom:0}}.feature__icon{fill:#c69963;width:4.5rem;height:4.5rem;grid-row:1 / span 2;transform:translateY(-1rem)}.feature__content{font-size:1.7rem}.story__pictures{background-color:#c69963;grid-column:full-start / col-end 4;background-image:linear-gradient(rgba(198,153,99,0.5), rgba(198,153,99,0.5)),url(../img/back.jpg);background-size:cover;display:grid;grid-template-rows:repeat(6, 1fr);grid-template-columns:repeat(6, 1fr);align-items:center}@media only screen and (max-width: 50em){.story__pictures{grid-column:1 / -1;padding:6rem}}.story__img--1{width:100%;grid-row:2 / span 4;grid-column:2 / span 4;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{width:115%;grid-row:5 / span 3;grid-column:4 / span 3;z-index:20;box-shadow:0 2rem 5rem rgba(0,0,0,0.2)}@media only screen and (max-width: 50em){.story__img--2{grid-row:1 / -1;width:100%}}.story__content{background-color:#f9f7f6;grid-column:col-start 5 / full-end;padding:6rem 8vw;display:grid;align-content:center;justify-items:start}@media only screen and (max-width: 50em){.story__content{grid-column:1 / -1;grid-row:5 / 6}}.story__text{font-size:1.5rem;font-style:italic;margin-bottom:4rem}.homes{grid-column:center-start / center-end;margin:15rem 0;display:grid;grid-template-columns:repeat(auto-fit, minmax(25rem, 1fr));grid-gap:7rem}.home{background-color:#f9f7f6;display:grid;grid-template-columns:repeat(2, 1fr);grid-row-gap:3.5rem}.home__img{width:100%;grid-row:1 / 2;grid-column:1 / -1;z-index:1}.home__like{grid-row:1 / 2;grid-column:2 / span 1;height:2.5rem;width:2.5rem;fill:#c69963;z-index:2;justify-self:end;margin:1rem}.home__name{grid-column:1 / -1;grid-row:1 / 2;z-index:2;justify-self:center;align-self:end;width:80%;font-family:"Josefin Sans", sans-serif;font-size:1.6rem;text-align:center;padding:1.25rem;background-color:#101d2c;color:#fff;font-weight:400;transform:translateY(50%)}.home__location,.home__rooms{margin-top:2.5rem}.home__location,.home__rooms,.home__area,.home__price{font-size:1.5rem;margin-left:2rem;display:flex;align-items:center}.home__location svg,.home__rooms svg,.home__area svg,.home__price svg{fill:#c69963;height:2rem;width:2rem;margin-right:1rem}.home__btn{grid-column:1/-1}.gallery{grid-column:full-start / full-end;background-color:#f9f7f6;display:grid;grid-template-columns:repeat(8, 1fr);grid-template-rows:repeat(7, 5vw);grid-gap:1.5rem;padding:1.5rem}.gallery__item--1{grid-row:1 / span 2;grid-column:1 / span 2}.gallery__item--2{grid-row:1 / span 3;grid-column:3 / span 3}.gallery__item--3{grid-column:6 / span 1;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 / span 1;grid-row:4 / span 1}.gallery__item--8{grid-column:6 / span 2;grid-row:3 / span 2}.gallery__item--9{grid-column:8 / span 1;grid-row:3 / span 3}.gallery__item--10{grid-column:1/ span 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 / span 1;grid-row:6 / span 2}.gallery__item--13{grid-column:5 / span 3;grid-row:5 / span 3}.gallery__item--14{grid-column:8 / -1;grid-row:6 / span 2}.gallery__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.footer{background-color:#101d2c;grid-column:full-start / full-end;padding:8rem}.nav{list-style:none;display:grid;grid-template-columns:repeat(auto-fit, minmax(15rem, 1fr));grid-gap:2rem;align-items:center}.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 .2s}.nav__link:hover,.nav__link:active{background-color: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%}
