html 
{
  box-sizing: border-box;
}

*, *:before, *:after 
{
  box-sizing: inherit;
}

/* Main content */
.main
{
  # margin-top: 130px;
  width: 100%;
  # display: grid;
}

.building
{
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  padding: 10px;
  font-size: 0.85em;
}

.property
{
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  padding: 10px;
  font-size: 0.85em;
}

@media (min-width: 800px)
{
  .property
  {
    grid-template-columns: 1fr 1fr;
  }

  .building
  {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 1024px)
{
  .property
  {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .building
  {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

img 
{
 max-width:100%;
 max-height:100%;
 width: auto;
 height: auto;
}