*,*::before,*::after{
    margin:0;
    padding:0;
    -webkit-box-sizing:inherit;
    box-sizing:inherit
}
html{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    font-size:62.5%
}
@media only screen and (max-width: 75em){
    html{
        font-size:50%
    }
}
body{
    /*font-family:"Nunito";*/
    font-family:popin 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serifd;
    font-weight:300;
    line-height:1.6;
    color:#6d5d4b
}
.mb-sm{
    margin-bottom:2rem
}
.mb-md{
    margin-bottom:3rem
}
.mb-lg{
    margin-bottom:4rem
}
.mb-hg{
    margin-bottom:8rem
}
.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{
    border:none;
    text-transform:uppercase;
    -webkit-transition:all 0.2s;
    transition:all 0.2s;
    cursor:pointer;
    font-size:1.5rem;
    padding:1.8rem 3rem;
    border-radius:0;
    font-family:"Josefin Sans",sans-serif;
    color:#fff;
    background-color:#c69963
}
.btn:hover{
    color:#070605
}
.container{
    display:-ms-grid;
    display:grid;
    -ms-grid-rows:80vh min-content 40vw (min-content)[3];
    grid-template-rows:80vh -webkit-min-content 40vw repeat(3, -webkit-min-content);
    grid-template-rows:80vh min-content 40vw repeat(3, min-content);
    -ms-grid-columns:[sidebar-start] 8rem [sidebar-end full-start] minmax(6rem, 1fr) [center-start] ([col-start] minmax(min-content, 14rem) [col-end])[8] [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(-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{
        -ms-grid-rows:6rem 80vh min-content 40vw (min-content)[3];
        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);
        -ms-grid-columns:[full-start] minmax(6rem, 1fr) [center-start] ([col-start] minmax(min-content, 14rem) [col-end])[8] [center-end] minmax(6rem, 1fr) [full-end];
        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{
        -ms-grid-rows:6rem calc(100vh - 6rem) (min-content)[6];
        grid-template-rows:6rem calc(100vh - 6rem) repeat(6, -webkit-min-content);
        grid-template-rows:6rem calc(100vh - 6rem) repeat(6, min-content)
    }
}
.sidebar{
    background-color:#c69963;
    grid-area:1 / sidebar-start/-1/sidebar-end;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
@media only screen and (max-width: 62.5em){
    .sidebar{
        -ms-grid-row:1;
        -ms-grid-row-span:1;
        grid-area:1/1/2/-1;
        -webkit-box-pack:end;
        -ms-flex-pack:end;
        justify-content:flex-end;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
}
.sidebar .nav-btn{
    border:none;
    border-radius:0;
    background-color:#fff;
    height:2px;
    width:4.5rem;
    margin-top:4rem
}
.sidebar .nav-btn::before,.sidebar .nav-btn::after{
    content:"";
    background-color:#fff;
    height:2px;
    width:4.5rem;
    display:block
}
.sidebar .nav-btn::before{
    -webkit-transform:translateY(-1.5rem);
    transform:translateY(-1.5rem)
}
.sidebar .nav-btn::after{
    -webkit-transform:translateY(1.3rem);
    transform:translateY(1.3rem)
}
@media only screen and (max-width: 62.5em){
    .sidebar .nav-btn{
        margin-top:0;
        margin-right:3rem
    }
    .sidebar .nav-btn::before{
        -webkit-transform:translateY(-1.2rem);
        transform:translateY(-1.2rem)
    }
    .sidebar .nav-btn::after{
        -webkit-transform:translateY(1rem);
        transform:translateY(1rem)
    }
}
.header{
    grid-column:full-start/col-end 6;
    background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(16,29,44,0.93)), to(rgba(16,29,44,0.93))),url(../img/hero.jpeg);
    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:-ms-grid;
    display:grid;
    -ms-grid-rows:1fr min-content minmax(6rem, min-content) 1fr;
    grid-template-rows:1fr -webkit-min-content minmax(6rem, -webkit-min-content) 1fr;
    grid-template-rows:1fr min-content minmax(6rem, min-content) 1fr;
    -ms-grid-columns:minmax(min-content, max-content);
    grid-template-columns:minmax(-webkit-min-content, -webkit-max-content);
    grid-template-columns:minmax(min-content, max-content);
    gap:1.5rem;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
@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:15rem;
    -ms-grid-column-align:center;
    justify-self:center;
   background-color:white;
   border-radius: 50%;
}
.header__seenon-text{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:1fr max-content 1fr;
    grid-template-columns:1fr -webkit-max-content 1fr;
    grid-template-columns:1fr max-content 1fr;
    -webkit-column-gap:1.5rem;
    column-gap:1.5rem;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:1.6rem;
    color:#aaa;
}
.header__seenon-text::before,.header__seenon-text::after{
    content:"";
    height:1px;
    display:block;
    background-color:currentColor
}
.header__btn{
    -ms-grid-column-align:start;
    justify-self:start;
    -ms-flex-item-align:start;
    -ms-grid-row-align:start;
    align-self:start
}
.header__seenon-logos{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:(1fr)[4];
    grid-template-columns:repeat(4, 1fr);
    -webkit-column-gap: 3rem;
    column-gap: 3rem;
    justify-items:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.header__seenon-logos img{
    max-height:5rem;
    max-width:100%;
    -webkit-filter:brightness(90%);
    filter:brightness(90%);
    margin-top: 0;
    margin-bottom: 50%;
}
.realtors{
    background-color:#101d2c;
    grid-column:col-start 7 / full-end;
    display:-ms-grid;
    display:grid;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-line-pack:center;
    align-content:center;
    justify-items:center;
    row-gap:2rem;
    padding:3rem
}
@media only screen and (max-width: 50em){
    .realtors{
        grid-column:1/-1
    }
}
.realtors__list{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:min-content max-content;
    grid-template-columns:-webkit-min-content -webkit-max-content;
    grid-template-columns:min-content max-content;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    row-gap:5vh;
    -webkit-column-gap:2rem;
    column-gap:2rem
}
@media only screen and (max-width: 50em){
    .realtors__list{
        -ms-grid-columns:(min-content max-content)[3];
        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{
        -ms-grid-columns:min-content max-content;
        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{
    margin-top:-3px;
    text-transform:uppercase;
    color:#aaa
}
.features{
    grid-column:center-start / center-end;
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:(minmax(25rem, 1fr))[auto-fit];
    grid-template-columns:repeat(auto-fit, minmax(25rem, 1fr));
    gap:6rem;
    margin:15rem 0;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:start
}
@media only screen and (max-width: 37.5em){
    .features{
        margin:7rem 0 3rem;
        gap:3rem
    }
}
.features .feature{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:min-content 1fr;
    grid-template-columns:-webkit-min-content 1fr;
    grid-template-columns:min-content 1fr;
    row-gap:1.5rem;
    -webkit-column-gap:2.5rem;
    column-gap:2.5rem
}
.features .feature__icon{
    fill:#c69963;
    width:4.5rem;
    height:4.5rem;
    -ms-grid-row:1;
    -ms-grid-row-span:2;
    grid-row:1 / span 2;
    -webkit-transform:translateY(-1rem);
    transform:translateY(-1rem)
}
.features .feature__text{
    font-size:1.7rem
}
.story__pictures{
    grid-column:full-start/col-end 4;
    background-image:-webkit-gradient (linear, left top, left bottom, from(rgba(198,153,99,0.5)), to(rgba(198,153,99,0.5))),url(../img/back.jpg);
    background-image:linear-gradient(rgba(198,153,99,0.5), rgba(198,153,99,0.5)),url(../img/back.jpg);
    background-size:cover;
    display:-ms-grid;
    display:grid;
    -ms-grid-rows:(1fr)[6];
    grid-template-rows:repeat(6, 1fr);
    -ms-grid-columns:(1fr)[6];
    grid-template-columns:repeat(6, 1fr);
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
@media only screen and (max-width: 50em){
    .story__pictures{
        grid-column:1/-1;
        padding:6rem
    }
}
.story__img--1{
    width:100%;
    -ms-grid-row:2;
    -ms-grid-row-span:4;
    -ms-grid-column:2;
    -ms-grid-column-span:4;
    grid-area:2/2/6/6;
    -webkit-box-shadow:0 2rem 5rem rgba(0,0,0,0.1);
    box-shadow:0 2rem 5rem rgba(0,0,0,0.1)
}
@media only screen and (max-width: 50em){
    .story__img--1{
        -ms-grid-column:1;
        -ms-grid-column-span:4;
        grid-area:1/1/-1/5
    }
}
.story__img--2{
    width:115%;
    -ms-grid-row:4;
    -ms-grid-row-span:2;
    -ms-grid-column:4;
    -ms-grid-column-span:3;
    grid-area:4/4/6/7;
    z-index:10;
    -webkit-box-shadow:0 2rem 5rem rgba(0,0,0,0.1);
    box-shadow:0 2rem 5rem rgba(0,0,0,0.1)
}
@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:-ms-grid;
    display:grid;
    -ms-flex-line-pack:center;
    align-content:center;
    justify-items:start
}
@media only screen and (max-width: 50em){
    .story__content{
        grid-column:1/-1;
        -ms-grid-row:5;
        -ms-grid-row-span:1;
        grid-row:5/6
    }
}
.story__text{
    font-size:1.5rem;
    font-style:italic;
    margin-bottom:4rem
}
.homes{
    grid-column:center-start / center-end;
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:(minmax(25rem, 1fr))[auto-fit];
    grid-template-columns:repeat(auto-fit, minmax(25rem, 1fr));
    gap:7rem;
    margin:15rem 0
}
@media only screen and (max-width: 37.5em){
    .homes{
        gap:4rem;
        margin:7rem;
    }
   
}
.homes .home{
    background-color:#f9f7f6;
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:(1fr)[2];
    grid-template-columns:repeat(2, 1fr);
    row-gap:3.5rem
}
.homes .home__img{
    width:100%;
    -ms-grid-row:1;
    -ms-grid-row-span:1;
    -ms-grid-column:1;
    -ms-grid-column-span:2;
    grid-area:1/1/2/3;
    z-index:1
}
.homes .home__like{
    -ms-grid-row:1;
    -ms-grid-row-span:1;
    -ms-grid-column:2;
    -ms-grid-column-span:1;
    grid-area:1/2/2/3;
    height:2.5rem;
    width:2.5rem;
    fill:#c69963;
    -ms-grid-column-align:end;
    justify-self:end;
    margin:1rem;
    z-index:2
}
.homes .home__name{
    -ms-grid-row:1;
    -ms-grid-row-span:1;
    -ms-grid-column:1;
    -ms-grid-column-span:2;
    grid-area:1/1/2/3;
    -ms-grid-column-align:center;
    justify-self:center;
    -ms-flex-item-align:end;
    -ms-grid-row-align:end;
    align-self:end;
    z-index:3;
    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;
    -webkit-transform:translateY(50%);
    transform:translateY(50%)
}
.homes .home__location,.homes .home__rooms{
    margin-top:2.5rem
}
.homes .home__location,.homes .home__rooms,.homes .home__area,.homes .home__price{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:1.5rem;
    margin-left:2rem
}
.homes .home__location svg,.homes .home__rooms svg,.homes .home__area svg,.homes .home__price svg{
    fill:#c69963;
    height:2rem;
    width:2rem;
    margin-right:1rem
}
.homes .home__btn{
    grid-column:1 / -1
}
.gallery{
    background-color:#f9f7f6;
    grid-column:full-start / full-end;
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:(1fr)[8];
    grid-template-columns:repeat(8, 1fr);
    -ms-grid-rows: (5vw)[7];
    grid-template-rows:repeat( 7, 5vw);
    gap : 1.5rem;
    padding : 1.5rem
}
.gallery__item--1{
    -ms-grid-row:1;
    -ms-grid-row-span:2;
    -ms-grid-column:1;
    -ms-grid-column-span:2;
    grid-area:1/1/3/3
}
.gallery__item--2{
    -ms-grid-row:1;
    -ms-grid-row-span:3;
    -ms-grid-column:3;
    -ms-grid-column-span:3;
    grid-area:1/3/4/6
}
.gallery__item--3{
    -ms-grid-row:1;
    -ms-grid-row-span:2;
    -ms-grid-column:6;
    -ms-grid-column-span:1;
    grid-area:1/6/3/7
}
.gallery__item--4{
    -ms-grid-row:1;
    -ms-grid-row-span:2;
    -ms-grid-column:7;
    -ms-grid-column-span:2;
    grid-area:1/7/3/9
}
.gallery__item--5{
    -ms-grid-row:3;
    -ms-grid-row-span:3;
    -ms-grid-column:1;
    -ms-grid-column-span:2;
    grid-area:3/1/6/3
}
.gallery__item--6{
    -ms-grid-row:4;
    -ms-grid-row-span:2;
    -ms-grid-column:3;
    -ms-grid-column-span:2;
    grid-area:4/3/6/5
}
.gallery__item--7{
    -ms-grid-row:4;
    -ms-grid-row-span:1;
    -ms-grid-column:5;
    -ms-grid-column-span:1;
    grid-area:4/5/5/6
}
.gallery__item--8{
    -ms-grid-row:3;
    -ms-grid-row-span:2;
    -ms-grid-column:6;
    -ms-grid-column-span:2;
    grid-area:3/6/5/8
}
.gallery__item--9{
    -ms-grid-row:3;
    -ms-grid-row-span:3;
    -ms-grid-column:8;
    -ms-grid-column-span:1;
    grid-area:3/8/6/9
}
.gallery__item--10{
    -ms-grid-row:6;
    -ms-grid-row-span:2;
    -ms-grid-column:1;
    -ms-grid-column-span:1;
    grid-area:6/1/8/2
}
.gallery__item--11{
    -ms-grid-row:6;
    -ms-grid-row-span:2;
    -ms-grid-column:2;
    -ms-grid-column-span:2;
    grid-area:6/2/8/4
}
.gallery__item--12{
    -ms-grid-row:6;
    -ms-grid-row-span:2;
    -ms-grid-column:4;
    -ms-grid-column-span:1;
    grid-area:6/4/8/5
}
.gallery__item--13{
    -ms-grid-row:5;
    -ms-grid-row-span:3;
    -ms-grid-column:5;
    -ms-grid-column-span:3;
    grid-area:5/5/8/8
}
.gallery__item--14{
    -ms-grid-row:6;
    -ms-grid-row-span:2;
    -ms-grid-column:8;
    -ms-grid-column-span:1;
    grid-area:6/8/8/9
}
.gallery__img{
    height:100%;
    width:100%;
    -o-object-fit:cover;
    object-fit:cover;
    display:block
}
.footer{
    grid-column:full-start / full-end;
    padding:8rem;
    background-color:#101d2c
}
.footer .nav{
    list-style:none;
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:(minmax(15rem, 1fr))[auto-fit];
    grid-template-columns:repeat(auto-fit, minmax(15rem, 1fr));
    gap:2rem;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.footer .nav__link:link,.footer .nav__link:visited{
    text-transform:uppercase;
    text-align:center;
    font-size:1.4rem;
    font-family:"Josefin Sans",sans-serif;
    padding:1.5rem;
    display:block;
    text-decoration:none;
    -webkit-transition:all 0.2s;
    transition:all 0.2s;
    color:#fff
}
.footer .nav__link:hover,.footer .nav__link:active{
    background-color:rgba(255,255,255,0.5);
    -webkit-transform:translateY(-3px);
    transform:translateY(-3px)
}
.footer .copyright{
    font-size:1.4rem;
    margin:6rem auto 0;
    color:#aaa;
    text-align:center;
    width:70%
}
.last{
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    list-style: none;
}
.icon img{
    width: 16px;

}
.gmail img{
    height: 25px;
    width: 100%;
}
.last a:hover img{
    width: 50px;
}
.gmail a:hover img{
    height: 40px;
}
.youtube img{
    height: 25px;
    width: 100%;
}
.youtube a:hover img{
    height: 40px;
}

@media only screen and (max-width:30em) {
    .home{
        width:100%;
    }
    .container{
        width: 50%;
    }
    .body{
        justify-content: center;
    }
}