@media screen and (max-width: 1400px) {
  	.publ.grid-item { 
	width: 25%;
	}
	
	.carousel-frame {
	margin: 1em auto 3em;
	width: 100%;
}

}


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

html {
	font-size: 18px
}
	
.newsgrid {
	width: 100%;
	}

  	.publ.grid-item { 
	width: 33.33%;
	}
	
	    .works.grid-item {
	width: 29.333%;
    }
    
    .exhib-info {
	font-size: .9rem;
	width: 95%;
   
	
}


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

.header, .homeheader {
  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-item {
  margin: 0rem 0 0rem 1rem;
  }
  
  .menu ul.mobile li {
   padding: .6rem 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) {
	

    
    .works.grid {
	padding-top: 1rem;    
    }

   .works.grid-item {
	width: 46%;
    }
    
    .exhib-grid {
	margin: 0 -2% 1rem;    
    }

   .exhib-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, .text {
	width: 100%
	}
	
	.newsitem {
	grid-gap: 1rem;
	margin-bottom: 3rem;
	}
	
	.newsimg, .newstxt {
	grid-column: span 12;
	}
	
	

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