@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: 48% ;
  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%;  
  }
  
  .text.bib {
  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) {
  
 
   .news.grid-sizer, .newsitem {
  width: 100% ;
  margin-bottom: 2rem
    }
    
    .works.grid {
  padding-top: 1rem;    
    }

   .works.grid-item {
  width: 46%;
  height: 44vw;
    }
    
    .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 {
  width: 100%
  }

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