*,*::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:"Rajdhani", sans-serif;color:#6d5d4b;font-weight:100 !important;line-height:1.6;background-color:#756213;background:black;background:black;background:-webkit-gradient(linear, left top, left bottom, color-stop(40%, black), color-stop(56%, #6d5d4b), color-stop(91%, black));background:linear-gradient(180deg, black 40%, #6d5d4b 56%, black 91%)}.container{display:grid;grid-template-rows:4fr -webkit-min-content minmax(6rem, -webkit-min-content) 1fr;grid-template-rows:4fr min-content minmax(6rem, min-content) 1fr;grid-template-columns:[sidebar-start] 0rem [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] 0rem [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]}.header{background-color:#54483a;grid-column:full-start / col-end 9;background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(206,206,206,0)), to(rgba(0,0,0,0.99))),url("../img/bg-1.jpeg");background-image:linear-gradient(rgba(206,206,206,0), rgba(0,0,0,0.99)),url("../img/bg-1.jpeg");background-size:cover;background-position:center;padding:8rem;padding-top:4rem;display:-webkit-box;grid-column:1 / -1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end;grid-column:1 / -1}.header__logo{height:3rem;justify-self:center}.header__btn{-ms-flex-item-align:center;align-self:center;justify-self:center;border-radius:50px}.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;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:1.6rem;color:white;margin-bottom:30px}.header__seenon-text::before,.header__seenon-text::after{content:"";height:1px;display:block;background-color:currentColor;color:white}.header__seenon-logos{display:grid;grid-template-columns:repeat(4, 1fr);grid-column-gap:3rem;justify-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header__seenon-logos img{max-height:2.5rem;max-width:100%;width:32%;-webkit-filter:brightness(90%);filter:brightness(90%);margin-bottom:30px}.sidenav{height:100%;width:0;position:fixed;z-index:1;top:0;left:0;background-color:#111;overflow-x:hidden;-webkit-transition:0.5s;transition:0.5s;padding-top:150px;-webkit-box-shadow:10px 3rem 5rem black;box-shadow:10px 3rem 5rem black;text-align:center;background-color:#8c8c8c;background-image:linear-gradient(-41deg, #212426 0%, #000 55%)}.logo{background-image:url("http://en.protothema.gr/wp-content/uploads/2019/04/ferrari-logo.png");background-size:cover;background-repeat:no-repeat;background-position:center;width:100%;height:11%;margin-top:-151px;-webkit-box-shadow:13px -16px 1rem 2rem black;box-shadow:13px -16px 1rem 2rem black}.sidenav a{padding:8px 8px 8px 32px;text-decoration:none;font-size:25px;color:darkgrey;display:block;-webkit-transition:0.3s;transition:0.3s;padding:32px 8px 10px 2px}.sidenav a:hover{color:white}.opennav{position:absolute;font-size:43px;cursor:pointer;color:white;background-color:rgba(0,0,0,0.88);border-radius:0px;border-bottom-right-radius:0px;width:50px;left:0;top:0;border-bottom-right-radius:20px;padding:10px 10px 12px 7px}.opennav:hover{color:white;-webkit-transition:0.2s;transition:0.2s;background-color:#6d5d4b;-webkit-transform:translateY(-3px);transform:translateY(-3px)}.sidenav .closebtn{position:absolute;top:-41px;right:5px;font-size:36px;margin-left:50px}#main{-webkit-transition:margin-left 0.5s;transition:margin-left 0.5s}@media screen and (max-height: 450px){.sidenav{padding-top:15px}.sidenav a{font-size:18px}}.cars{grid-column:center-start / center-end;margin:15rem 0;margin-top:15rem;margin-top:15rem;display:grid;grid-template-columns:repeat(auto-fit, minmax(50rem, 1fr));grid-gap:1rem;margin-top:0rem}.car{display:grid;grid-template-columns:repeat(2, 1fr);grid-row-gap:7.5rem}.car .car__img{width:440px;grid-row:1 / 2;grid-column:1 / -1;z-index:1;height:280px;margin:0 auto}.car__like{display:none}.car__name{grid-row:1 / 2;grid-column:1 / -1;justify-self:center;-ms-flex-item-align:end;align-self:end;z-index:3;width:80%;font-family:"Rajdhani", sans-serif;font-size:1.6rem;text-align:center;padding:1.25rem;color:#fff;background-color:#6d5d4b;font-weight:400;-webkit-transform:translateY(50%);transform:translateY(50%)}.car__location,.car__rooms{margin-top:2.5rem}.car__location,.car__rooms,.car__area,.car__price{font-size:1.5rem;margin-left:2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.car__location svg,.car__rooms svg,.car__area svg,.car__price svg{fill:white;height:2rem;width:2rem;margin-right:1rem}.car__btn{grid-column:1 / -1}.car__location,.car__rooms,.car__area,.car__price{font-size:1.5rem;margin-left:0rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:-27px;background-color:rgba(32,32,32,0.6);justify-content:center;color:white}.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;-webkit-box-align:start;-ms-flex-align:start;align-items:start}}.feature{float:left;width:33.3333%;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:maroon;width:4.5rem;height:4.5rem;grid-row:1 / span 2;-webkit-transform:translateY(-1rem);transform:translateY(-1rem)}.feature__text{font-size:1.7rem}.footer{background-color:black;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;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.nav__link:link,.nav__link:visited{font-size:1.4rem;color:#fff;text-decoration:none;font-family:"Rajdhani", sans-serif;text-transform:uppercase;text-align:center;padding:1.5rem;display:block;-webkit-transition:all 0.2s;transition:all 0.2s}.nav__link:hover,.nav__link:active{background-color:#6d5d4b;-webkit-transform:translateY(-3px);transform:translateY(-3px)}.linkcontact{font-size:1.4rem;color:#fff;text-decoration:none;font-family:"Rajdhani", sans-serif;text-transform:uppercase;text-align:center;padding:1.5rem;display:block;-webkit-transition:all 0.2s;transition:all 0.2s;background-color:#6d5d4b;-webkit-transform:translateY(-3px);transform:translateY(-3px)}.copyright{font-size:1.4rem;color:#aaa;margin-top:6rem;margin-right:auto;margin-left:auto;text-align:center;width:70%}.gallery{grid-column:full-start / full-end;display:grid;grid-template:repeat(7, 5vw)/repeat(8, 1fr);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-row:1 / span 2;grid-column:6 / 7}.gallery__item--4{grid-row:1 / span 2;grid-column:7 / -1}.gallery__item--5{grid-row:3 / span 3;grid-column:1 / span 2}.gallery__item--6{grid-row:4 / span 2;grid-column:3 / span 2}.gallery__item--7{grid-row:4 / 5;grid-column:5 / 6}.gallery__item--8{grid-row:3 / span 2;grid-column:6 / span 2}.gallery__item--9{grid-row:3 / span 3;grid-column:8 / -1}.gallery__item--10{grid-row:6 / span 2;grid-column:1 / 2}.gallery__item--11{grid-row:6 / span 2;grid-column:2 / span 2}.gallery__item--12{grid-row:6 / span 2;grid-column:4 / 5}.gallery__item--13{grid-row:5 / span 3;grid-column:5 / span 3}.gallery__item--14{grid-row:6 / span 2;grid-column:8 / -1}.gallery__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.realtors{background-color:#101d2c;grid-column:col-start 7 / full-end;padding:3rem;display:grid;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;justify-items:center;grid-row-gap:2rem}@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;-webkit-box-align:center;-ms-flex-align:center;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}.sidebar{background-color:maroon;grid-column:sidebar-start / sidebar-end;grid-row:1 / -1;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{grid-column:1 / -1;grid-row:1 / 2;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;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{-webkit-transform:translateY(-1.5rem);transform:translateY(-1.5rem)}.nav-btn::after{-webkit-transform:translateY(1.3rem);transform:translateY(1.3rem)}@media only screen and (max-width: 62.5em){.nav-btn{margin-top:0;margin-right:3rem}.nav-btn::before{-webkit-transform:translateY(-1.2rem);transform:translateY(-1.2rem)}.nav-btn::after{-webkit-transform:translateY(1rem);transform:translateY(1rem)}}.story__pictures{background-color:maroon;grid-column:full-start / col-end 4;background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(128,0,0,0.5)), to(rgba(128,0,0,0.5))),url(../img/back.jpg);background-image:linear-gradient(rgba(128,0,0,0.5), rgba(128,0,0,0.5)),url(../img/back.jpg);background-size:cover;display:grid;grid-template-rows:repeat(6, 1fr);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%;grid-row:2 / 6;grid-column:2 / 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{grid-column:1 / 5;grid-row:1 / -1}}.story__img--2{width:115%;grid-row:4 / 6;grid-column:4 / 7;z-index:20;-webkit-box-shadow:0 2rem 5rem rgba(0,0,0,0.2);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;-ms-flex-line-pack:center;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}.heading-1,.heading-2,.heading-3,.heading-4{font-family:"Rajdhani", sans-serif;font-weight:400}.heading-1{font-size:4.5rem;color:#f9f7f6;line-height:1;text-align:center}.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:maroon;text-transform:uppercase}.heading-4{font-size:1.9rem}.heading-4--light{color:#f9f7f6}.heading-4--dark{color:#54483a}.btn{background-color:rgba(0,0,0,0.88);color:#fff;border:none;border-radius:0;font-family:"Rajdhani", sans-serif;font-size:1.5rem;text-transform:uppercase;padding:1.8rem 3rem;cursor:pointer;-webkit-transition:all 0.2s;transition:all 0.2s;border-radius:20px;margin-bottom:23px;width:100%;-webkit-clip-path:polygon(54% 0%, 100% 0, 56% 872%, 0 0);clip-path:polygon(54% 0%, 100% 0, 56% 872%, 0 0)}.btn:hover{background-color:#6d5d4b;-webkit-transform:translateY(-3px);transform:translateY(-3px)}.mb-sm{margin-bottom:2rem}.mb-md{margin-bottom:3rem}.mb-lg{margin-bottom:4rem}.mb-hg{margin-bottom:8rem}