@media all and (max-width: 1600px) {

 html {
  font: normal 500 1rem/120% 'Avenir', sans-serif;
  }

.publtxt p {
  font-size: .95rem;
}

.icon-frame, .icon-frame2 {
bottom: 47px;

}
}

@media all and (max-width: 1200px) {
  
 .logo {
	 padding-top: 1.3rem;
	 font-size: 2rem;
	 line-height: 1.8rem;
 } 

}


@media all and (max-width: 1050px) {

	.publ.grid-item {
	width: 46%;
	margin: 3% 2% 10%;
	}

	.wrap, .footer {
    width: 95%;
	}

}

@media screen and (max-width: 960px) {


	.text.innerwrap {
		width: 100%;
	}
	
	.header, .homeheader {
		padding: 0 0 1rem;
	}
	
	.menu {
	  font-size: 1.2rem;
	}

	.menu-item {
	margin: 0
	}

	.menu-language {
	margin-left: 1.3rem;
	}


	main {
		margin-top: 6.8rem;
	}
	
	.works .grid-title .item-year, .exhibs .grid-title .item-year  {
		font-size:4.5vw;
		line-height: 7vw;
	}
	
	.works .grid-title .item-title, .exhibs .grid-title .item-title {
		
	
	}
	
	.works.grid-item .icon {
		bottom: 15px;
	}
	
	
	.exhib-text {
	  font-size: .8rem;
	}
	
	.item-text p {
    width: 100% !important;
	}
 
 	h1 {
     font-size: 1.2rem;
     margin-bottom: 1.5rem;
  }

	
}


@media all and (max-width: 450px) {

	.menu ul.mobile {
	 padding-top: 5rem;
	}

	.menu ul.mobile li {
    padding: 0.3rem 0;
	}
	
	.works .grid-title, .exhibs .grid-title {
		width: 100%;
		height: auto;
		border-bottom: 0px solid #000;
		border-right: 0px solid #000
	}
	
	.works.grid-item {
	display: block;	
	aspect-ratio: 6 / 7;
	}
	
	.exhibs.grid-item {
	display: block;	
	aspect-ratio: 6 / 7;	
	}
	
	.works .grid-title .item-year, .exhibs .grid-title .item-year  {
		font-size: 7vw;
		line-height: 10vw;
	}
	
	.works .grid-title .item-title, .exhibs .grid-title .item-title {
		font-size: 5vw;
		padding: 1.8vw 0
	
	}
	
	.works .grid-image, .exhibs .grid-image {
		width: 100%;
		height: 70%;
	}
	
	.works.grid-item .item-text {
		padding: 0.5rem;
	}
	
	.works.grid-item img, .exhibs.grid-item img {
		right: auto;
		bottom: auto;
	}
	
	.works.grid-item .item-text p {
		width: 100%;
		font-size: 0.95rem;
	}
	
	.works.grid-item .icon, .works.grid-item .icon2 {
	bottom: auto;
	height: 1.3rem;
	top: 12vw;
	right: 0px;	
	}

	.works.grid-item .icon2 {
	top: 0vw;

	}
	
	.work.grid-item {
	width: 46%;	
	}
  .flickity-enabled.is-fullscreen .flickity-prev-next-button {
  display: none;
  }

	.carousel-frame {
    margin: 1em 0 2.5em;
    width: 92%;
	}	

	.publ.grid-item {
	width: 100%;
	margin: 3% 2% 10%;
	}
	
	.exhib-item {
	width: 100%;
	}

	footer .menu-item.cr {
	float: left
    }

	
}