@media screen and (max-width: 1400px) {
  	.publ.grid-item { 
	width: 25%;
	}

}


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

html {
	font-size: 18px
}
	
.news.grid-sizer, .newsitem {
	width: 100% ;
	float: left;
}

  	.publ.grid-item { 
	width: 33.33%;
	}
	
}


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

.header {
  position: absolute;
  padding: 1.2rem 0 1rem;
}

main {
   margin-top: 4rem;
}

.logo {
  font-size: 1.5rem;
  }
 
 .homelogo {
  font-size: 2.2rem;
  }
  
  .submenu {
  top: 4.5rem;
  font-size: .75rem;
  letter-spacing: .01em;
  }
  
  .submenu-item {
	margin: 0rem .7rem 0rem 0rem;  
  }
  
  .menu ul.mobile {
  padding-top: .5rem;
  }
  
  .menu ul.mobile li {
   padding: 0rem 0;
  }
  
  .menu a.icon {
   padding: 1.8rem 0;  
  }
  
  .exhib.royalSlider {
	  margin-top: .5rem;
  }
  
  .publ.grid-item { 
   width: 33.33%;
   }
   
   .publimg:before {
	content: "";
	display:block;
	padding-top: 120%;
   }
   
   .texts {
    padding-top: 1rem;   
	width: 80%;
   }
  
  .text.cv {
	padding-top: 0;
    width: 100%;  
  }
 
  .cv td {
   padding-right: 0;

   }


   
   	.article {
	padding-top: 1rem;
	}
   
   	.article {
	width: 100%;
	column-gap: 3rem;
	}
   
   .contact-grid > .contact-item  {
   grid-column: span 3;
   margin-bottom: 1.5rem;
   }
}





@media screen and (max-width: 600px) {
	
   .newsgrid{
	width: 100%;
  }

   .news, .news.grid-sizer, .newsitem {
	width: 100% ;
	margin-bottom: 4rem
    }

    .newsitem p {
width: 95%}
    
    .works.grid {
	padding-top: 1rem;    
    }

   .works.grid-item {
	width: 46%;
	height: 44vw;
    }
    
    .work-grid, .exhib-grid, .shop-grid {
	margin: 0 -2% 1rem;    
    }

   .work-item, .exhib-item, .shop-item {
	width: 100%;
	}


   
	
	.publ.grid-item { 
	width: 100%;
	}
	
	.publimg {
	position: relative;
	width: 100%
    }
	
	.publimg:before {
	content: "";
	display:block;
	padding-top: 0;
    }

    .publimg img{
	position: relative;
	}
	
	.publtext {
	padding-top: .85em;	
	}
	
	.texts, .workxtext {
	width: 100%
	}
	
	

	
	.article {
	width: 100%;
    columns: 1;
    padding-top: 0rem;
	}
	
    .contact-grid > .contact-item  {
    grid-column: span 6;
    margin-bottom: 0rem;
    }
}