@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700");html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}html{box-sizing:border-box}*{box-sizing:border-box}body{font-family:"Roboto",sans-serif;background-color:#eee}h1,h2,h3,h4{margin:1rem 0;font-weight:300}h1{font-size:2.4rem}h2{font-size:2.2rem}h3{font-size:2rem}p{font-size:1rem;font-weight:300;line-height:1.8rem}img{max-width:100%}.container{max-width:1100px;margin:0 auto;padding:0 1rem}.button{display:block;padding:1rem;border:1px solid #7abe47;text-align:center;text-decoration:none;text-transform:uppercase;background-color:#7abe47;color:#fff;transition:all .5s ease-in-out}.button:hover{background-color:#fff;color:#7abe47}.header{margin-top:2rem;padding:1rem;background-color:#7abe47}.header .bar{display:grid;grid-template-rows:repeat(2, auto);grid-row-gap:2rem;justify-content:center}.header .menu{display:grid;grid-template-columns:repeat(auto-fit, minmax(100px, 1fr))}.header .menu a{text-align:center;text-decoration:none;font-size:1.2rem;color:#fff}.footer{margin-top:2rem;padding-top:2rem;background-color:#7abe47;color:#fff}.footer .widget h3{margin-bottom:2rem}.footer .navigation a{display:block;margin-bottom:1rem;font-size:1rem;text-decoration:none;color:#fff}.footer .houses-container{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));grid-gap:1rem}.footer .house{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:1rem}.footer .house p{margin:0}.copyright{margin-top:3rem;padding:1rem;text-align:center;background-color:#57a42b}.us{margin-top:2rem;text-align:center}.us-content{display:grid;align-content:center}.sale{display:grid;grid-template-columns:repeat(2, 1fr);grid-auto-rows:repeat(3, auto);grid-gap:1rem}.sale img{max-width:100%}.outstanding{display:grid;grid-column:1 / 3;grid-template-columns:repeat(2, 1fr)}.advert{display:grid}.advert .price{margin:2rem 0;font-size:1.4rem;font-weight:400}.advert .price span{font-weight:300;color:#7abe47}.card{padding:1rem;border:1px solid #c7c7c7;background-color:#fff}.card p{margin:1rem 0;font-size:.9rem;line-height:1.4rem}@media (min-width: 992px){.header .bar{grid-template-columns:30% 1fr 30%;grid-template-rows:unset;justify-content:space-around}.menu{display:grid;grid-column:3 / 4;align-content:center}.us{display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:2rem;text-align:left}}@media (min-width: 768px){.sale{grid-template-columns:repeat(3, 1fr);grid-template-rows:repeat(2, auto)}.footer .container{display:grid;grid-template-columns:30% 20% 2fr;grid-column-gap:2rem}}
