@font-face{font-family:'Roboto';font-style:normal;font-weight:300;src:url("../fonts/roboto-v20-latin-300.eot");src:local("Roboto Light"),local("Roboto-Light"),url("../fonts/roboto-v20-latin-300.eot?#iefix") format("embedded-opentype"),url("../fonts/roboto-v20-latin-300.woff2") format("woff2"),url("../fonts/roboto-v20-latin-300.woff") format("woff"),url("../fonts/roboto-v20-latin-300.ttf") format("truetype"),url("../fonts/roboto-v20-latin-300.svg#Roboto") format("svg")}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:url("../fonts/roboto-v20-latin-regular.eot");src:local("Roboto"),local("Roboto-Regular"),url("../fonts/roboto-v20-latin-regular.eot?#iefix") format("embedded-opentype"),url("../fonts/roboto-v20-latin-regular.woff2") format("woff2"),url("../fonts/roboto-v20-latin-regular.woff") format("woff"),url("../fonts/roboto-v20-latin-regular.ttf") format("truetype"),url("../fonts/roboto-v20-latin-regular.svg#Roboto") format("svg")}@font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:url("../fonts/roboto-v20-latin-500.eot");src:local("Roboto Medium"),local("Roboto-Medium"),url("../fonts/roboto-v20-latin-500.eot?#iefix") format("embedded-opentype"),url("../fonts/roboto-v20-latin-500.woff2") format("woff2"),url("../fonts/roboto-v20-latin-500.woff") format("woff"),url("../fonts/roboto-v20-latin-500.ttf") format("truetype"),url("../fonts/roboto-v20-latin-500.svg#Roboto") format("svg")}@font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:url("../fonts/roboto-v20-latin-700.eot");src:local("Roboto Bold"),local("Roboto-Bold"),url("../fonts/roboto-v20-latin-700.eot?#iefix") format("embedded-opentype"),url("../fonts/roboto-v20-latin-700.woff2") format("woff2"),url("../fonts/roboto-v20-latin-700.woff") format("woff"),url("../fonts/roboto-v20-latin-700.ttf") format("truetype"),url("../fonts/roboto-v20-latin-700.svg#Roboto") format("svg")}body{font-family:"Roboto"}.content{position:relative;bottom:0;top:0;left:0;right:0;background-color:black;padding:80px;height:100vh}.content .logo{width:300px;height:70px;margin-left:auto;margin-right:auto;position:relative;top:50%;margin-top:-70px}@media (max-width: 780px){.content .logo{position:absolute}}.content .number{float:right;color:white;font-weight:300;letter-spacing:1px}.content .pixels{position:absolute;left:80px;top:50%;margin-top:-105px}@media (max-width: 780px){.content .pixels{left:20px}}.content .pixels .pixel{width:15px;height:15px;background-color:black;display:block}.content .pixels .pixel:nth-of-type(2){background-color:#222328}.content .pixels .pixel:nth-of-type(3){background-color:#36353b}.content .pixels .pixel:nth-of-type(4){background-color:#636166}.content .pixels .pixel:nth-of-type(5){background-color:#9b989d}.content .pixels .pixel:nth-of-type(6){background-color:#dbdadd}.content .pixels .pixel:nth-of-type(7){background-color:white}.content .bottom-row{position:absolute;left:80px;right:80px;bottom:80px}.content .bottom-row p{color:white;letter-spacing:1px}.content .bottom-row p.statement{float:left}@media (max-width: 780px){.content .bottom-row p.statement{float:none}}.content .bottom-row p.coordinates{float:right;text-align:right;display:block}@media (max-width: 780px){.content .bottom-row p.coordinates{float:none;text-align:left}}.content .piece{position:absolute;bottom:80px;left:50%;margin-left:-20px}@media (max-width: 780px){.content .piece{left:auto;right:80px}}.intro{padding:80px;max-width:1400px;margin-left:auto;margin-right:auto}.intro p{font-weight:lighter;font-size:17px}.images{padding:80px;max-width:1400px;margin-left:auto;margin-right:auto;padding-top:0}.images .rows{display:flex}@media (max-width: 1076px){.images .rows{display:block}}.images .rows+.rows{margin-top:40px}@media (max-width: 1076px){.images .rows+.rows{margin-top:0}}.images .rows .col{width:50%}@media (max-width: 1076px){.images .rows .col{margin-bottom:60px;width:100%}}.images .rows .col .image img{max-width:100%;width:100%;height:auto}.images .rows .col .image p.title{padding-top:20px;font-size:17px;letter-spacing:1px}@media (max-width: 780px){.images .rows .col .image p.title{font-size:12px}}.images .rows .col .image p.title .circle{width:17px;height:17px;border:1px solid black;border-radius:50%;content:"";display:block;float:right;margin-top:2px}.images .rows .col .image p.title .circle.sold{border-color:red;background-color:red}.images .rows .col .image p.description{font-size:12px;letter-spacing:1px}@media (max-width: 800px){.images .rows .col .image p.description .desc-text{display:block;padding-bottom:15px}}.images .rows .col .image p.description .reservation-button{padding:2px 4px;background-color:black;color:white;font-weight:bold;text-transform:uppercase;float:right;text-decoration:none}@media (max-width: 800px){.images .rows .col .image p.description .reservation-button{float:none}}.images .rows .col .image p.description a.reservation-button:hover{padding:1px 2px;border:1px solid black;background-color:white;color:black}.images .rows .col:nth-of-type(odd){padding-right:40px}@media (max-width: 1076px){.images .rows .col:nth-of-type(odd){padding-right:0}}.images .rows .col:nth-of-type(even){padding-left:40px}@media (max-width: 1076px){.images .rows .col:nth-of-type(even){padding-left:0}}
/*# sourceMappingURL=app.css.map */
