@media (max-width: 900px) {
	.columns {
		--column-media-height: clamp(200px, 48vw, 320px);
		grid-template-columns: 1fr;
	}

  .column img{
    height: auto;
    width: 100%;
  }

  body{
    font-size: 17px;
  }

header{
  width: 50px;
}

.page-image-size {
  font-size: 24px;
}

footer {
    padding-left: 50px;
    font-size: 14px;
    padding-bottom: 14px;
}

footer .footer-inner{
  flex-direction: column;
  align-items: flex-start;
}

footer .footer-inner .footer-blocks{
  width: 100%;
  flex-direction: column;
}

.footer-blocks p{
  margin: 5px 0;
}

.project-item h2{
  font-size: 24px;
}


.header-inner img{
  width: 40px;
  margin-left: 5px;
}

.header-pages{
  padding-left: 5px;
  font-size: 14px;
}

.page {
    width: calc(100% - 50px);
    margin-left: 50px;
    padding: 0 14px;
}

.content{
  width: calc(100% - 50px);
  margin-left: 50px;
}
 
.project-item img {
  width: 100%;
  height: auto;
  object-fit: contain;
  max-height: 100%;
}
}