*,*::before,*::after{margin:0;border:0;box-sizing:inherit}html{font-size:62.5%;box-sizing:border-box}@media only screen and (max-width: 1300px){html{font-size:50%}}@media only screen and (max-width: 1000px){html{font-size:43.75%}}body{font-family:"Nunito", sans-serif;color:#6d5d4b;font-weight:300;line-height:1.6}.container{display:grid;grid-template-rows:minmax(80vh, auto) min-content 40vw repeat(3, min-content);grid-template-columns:[sidebar-start] 8rem [sidebar-end full-start] 1fr [center-start] repeat(8, [col-start] minmax(min-content, 14rem) [col-end]) [center-end] 1fr [full-end]}@media only screen and (max-width: 1000px){.container{grid-template-rows:8rem minmax(80vh, auto) min-content 40vw repeat(3, min-content);grid-template-columns:[full-start] 1fr [center-start] repeat(8, [col-start] minmax(min-content, 14rem) [col-end]) [center-end] 1fr [full-end]}}@media only screen and (max-width: 700px){.container{grid-template-rows:8rem auto auto min-content auto minmax(40vw, auto) repeat(3, min-content)}}@media only screen and (max-width: 400px){.container{grid-template-rows:6rem auto auto min-content auto minmax(40vw, auto) repeat(3, min-content)}}.sidebar{grid-row:1 / -1}@media only screen and (max-width: 1000px){.sidebar{grid-row:1 / 2;grid-column:1 / -1}}.header{grid-column:full-start / col-end 6}@media only screen and (max-width: 700px){.header{grid-column:1 / -1}}.realtors{grid-column:col-end 6 / full-end}@media only screen and (max-width: 700px){.realtors{grid-column:1 / -1}}.features{grid-column:center-start / center-end}.story__pictures{grid-column:full-start / col-end 4}@media only screen and (max-width: 700px){.story__pictures{grid-column:1 / -1;grid-row:6 / 7}}.story__content{grid-column:col-end 4 / full-end}@media only screen and (max-width: 700px){.story__content{grid-column:1 / -1;grid-row:5 / 6}}.homes{grid-column:center-start / center-end}.gallery{grid-column:full-start / full-end}.footer{grid-column:full-start / full-end}.btn{background-color:#c69963;color:#f9f7f6;font-family:"Josefin Sans", sans-serif;font-size:1.5rem;text-transform:uppercase;padding:1.8rem 3rem;transition:all 0.2s;cursor:pointer}.btn:hover{background-color:#b28451}.mb-sm{margin-bottom:2rem}.mb-md{margin-bottom:3rem}.mb-lg{margin-bottom:4rem}.mb-hg{margin-bottom:8rem}[class*="heading"]{font-family:"Josefin Sans", sans-serif;font-weight:400}.heading-1{color:#f9f7f6;font-size:4.5rem}.heading-2{font-size:4rem;font-style:italic;font-weight:400;line-height:1}.heading-2_light{color:#f9f7f6}.heading-2_dark{color:#54483a}.heading-3{color:#c69963;font-size:1.6rem;text-transform:uppercase}.heading-4{font-family:"Josefin Sans", sans-serif;font-size:1.9rem;font-weight:400}.heading-4_light{color:#f9f7f6}.heading-4_dark{color:#54483a}.sidebar{background-color:#c69963}.nav-btn{position:relative;display:block;background-color:#fff;margin:3rem auto;border:none;border-radius:0;width:6rem;height:2px}@media only screen and (max-width: 1000px){.nav-btn{margin:3rem;margin-top:4rem;margin-left:auto}}@media only screen and (max-width: 400px){.nav-btn{margin:3rem;margin-top:2.75rem;margin-left:auto}}.nav-btn::after,.nav-btn::before{content:"";position:absolute;left:0;background-color:#fff;width:100%;height:100%}.nav-btn::before{top:-12px}.nav-btn::after{top:12px}.header{display:grid;grid-template-rows:1fr max-content minmax(6rem, min-content) 1fr;grid-template-columns:minmax(min-content, max-content);grid-row-gap:1.5rem;justify-content:center;background-color:#101d2c;background-image:linear-gradient(to right, rgba(16,29,44,0.93), rgba(16,29,44,0.93)),url(../img/hero.jpeg);background-size:cover;background-repeat:no-repeat;padding:5rem 8rem}@media only screen and (max-width: 400px){.header{padding:3rem  2rem}}.header__logo{display:block;height:3rem;margin:0 auto}.header__btn{justify-self:start;align-self:start}.header__seenon-text{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:1.5rem;align-items:center;color:#aaa;font-size:1.8rem}.header__seenon-text::before,.header__seenon-text::after{content:"";display:inline-block;width:100%;height:1px;background-color:currentColor;margin:0 auto}.header__seenon-logos{display:grid;grid-template-columns:repeat(4, 1fr);grid-gap:2rem;padding:1rem 5rem;justify-items:center;align-items:center}.header__seenon-logos img{max-height:2.5rem;max-width:100%;flex:1;filter:brightness(70%)}.realtors{display:grid;justify-content:center;align-content:center;justify-items:center;align-items:center;background-color:#101d2c}@media only screen and (max-width: 700px){.realtors{padding:3rem 0}}.realtors__list{display:grid;grid-template-columns:7rem 1fr;grid-template-rows:repeat(3, auto);grid-gap:3rem 1.5rem;align-items:center;margin-top:2rem}@media only screen and (max-width: 700px){.realtors__list{grid-template-rows:auto;grid-template-columns:repeat(3, 4.5rem 1fr)}}@media only screen and (max-width: 400px){.realtors__list{grid-template-columns:5rem 1fr;grid-template-rows:repeat(3, auto)}}.realtors__img{width:100%;height:100%;border-radius:50%}.realtors__sold{color:#aaa;font-size:1.1rem}.features{display:grid;grid-template-columns:repeat(auto-fit, minmax(25rem, 1fr));grid-gap:3rem 6rem;margin:15rem 0}@media only screen and (max-width: 700px){.features{margin:5rem 1rem}}.feature{display:grid;grid-template-rows:min-content min-content;grid-template-columns:min-content 1fr;grid-gap:1.5rem;align-items:center;padding:2rem}.feature__icon{fill:#b28451;width:4.5rem;height:4.5rem}.feature__text{grid-column:2 / 3;font-size:1.7rem}.story__pictures{background-color:royalblue;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, minmax(8rem, 1fr));grid-template-columns:repeat(6, 1fr);z-index:20}@media only screen and (max-width: 700px){.story__pictures{grid-template-rows:repeat(7, minmax(8rem, 1fr));grid-template-columns:repeat(7, 1fr);padding:3rem}}@media only screen and (max-width: 400px){.story__pictures{grid-template-rows:repeat(7, minmax(2rem, 1fr));grid-template-columns:repeat(7, 1fr);padding:1rem}}.story__img{width:100%;box-shadow:0 2rem 5rem rgba(0,0,0,0.2)}.story__img_1{grid-column:2 / 6;grid-row:2 / 6;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}@media only screen and (max-width: 700px){.story__img_1{grid-column:1 / 5;grid-row:1 / 5;border-radius:5px}}.story__img_2{width:auto;grid-row:4 / -1;grid-column:4 / -1;height:75%}@media only screen and (max-width: 700px){.story__img_2{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;grid-column:4 / 8;grid-row:4 / 8;border-radius:5px}}.story__content{display:flex;flex-flow:column;justify-content:center;align-items:flex-start;padding:6rem 8vw;background-color:#f9f7f6}@media only screen and (max-width: 700px){.story__content{padding:5rem 3rem}}.story__text{font-size:1.6rem;margin-bottom:4rem;font-style:italic}.homes{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:7rem;padding:2rem;margin:15rem 0}@media only screen and (max-width: 700px){.homes{grid-template-columns:repeat(2, 1fr);grid-gap:4rem}}@media only screen and (max-width: 400px){.homes{grid-template-columns:1fr}}@media only screen and (max-width: 400px){.homes{margin:5rem 0}}.home{display:grid;grid-template-columns:repeat(2, 1fr);position:relative;background-color:#f9f7f6;box-shadow:0 2rem 4rem rgba(0,0,0,0.1)}@media only screen and (max-width: 400px){.home{grid-template-rows:17rem;box-shadow:1rem 2rem 3rem rgba(0,0,0,0.3)}}.home__img{max-width:100%;grid-column:1 / -1}@media only screen and (max-width: 400px){.home__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}}.home p{font-size:1.4rem}.home__like{position:absolute;top:1rem;right:1rem;fill:#aaa;width:2.75rem;height:2.75rem;transition:all 0.2s;cursor:pointer}.home__like:hover{fill:#c69963}.home__name{grid-column:1 / -1;background-color:#101d2c;color:#fff;font-family:"Josefin Sans", sans-serif;font-size:1.6rem;font-weight:400;text-align:center;padding:1.5rem 3rem;margin:0 2rem;transform:translateY(-50%)}.home__location,.home__rooms,.home__area,.home__price{display:flex;justify-content:center;align-items:center;margin-bottom:3rem}.home__location svg,.home__rooms svg,.home__area svg,.home__price svg{width:2.2rem;height:2.2rem;fill:#c69963}.home__location p,.home__rooms p,.home__area p,.home__price p{margin-left:1rem}.home__btn{grid-column:1 / -1}.gallery{display:grid;grid-template-rows:repeat(7, 5vw);grid-template-columns:repeat(8, 1fr);grid-gap:1.5rem;background-color:#f9f7f6;padding:1.5rem}.gallery__item{background-color:#c69963;overflow:hidden}.gallery__item_1{grid-row:span 2;grid-column:span 2}.gallery__item_2{grid-row:span 3;grid-column:span 3}.gallery__item_3{grid-row:span 2}.gallery__item_4{grid-row:span 2;grid-column:span 2}.gallery__item_5{grid-row:span 3;grid-column:span 2}.gallery__item_6{grid-row:span 2;grid-column:3 / span 2}.gallery__item_8{grid-row:3 / span 2;grid-column:6 / span 2}.gallery__item_9{grid-row:3 / span 3;grid-column:-2}.gallery__item_10{grid-row:span 2;grid-column:1}.gallery__item_11{grid-row:span 2;grid-column:span 2}.gallery__item_12{grid-row:span 2}.gallery__item_13{grid-row:-4 / span 3;grid-column:5 / span 3}.gallery__item_14{grid-row:span 2}.gallery__img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.footer{background-color:#101d2c;color:#f9f7f6;padding:8rem;text-align:center}@media only screen and (max-width: 700px){.footer{padding:2rem 1rem}}.nav{display:grid;grid-template-columns:repeat(6, 1fr);list-style:none;padding:0}@media only screen and (max-width: 700px){.nav{grid-template-columns:repeat(3, 1fr);grid-gap:1rem}}@media only screen and (max-width: 400px){.nav{grid-template-columns:repeat(2, 1fr)}}.nav__item{display:flex;justify-content:center;align-items:center}.nav__link:link,.nav__link:visited{color:#f9f7f6;text-decoration:none;text-transform:uppercase;font-size:1.4rem;width:100%;padding:1.5rem;font-weight:100;transition:all 0.2s ease}.nav__link:hover,.nav__link:active{background-color:rgba(255,255,255,0.1);transform:translateY(-2px)}.copyright{color:#aaa;font-size:1.4rem;margin:6rem 20rem 0 20rem}@media only screen and (max-width: 700px){.copyright{margin:2rem 2rem 0px 2rem}}@media only screen and (max-width: 400px){.copyright{padding:0.5rem}}