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

h1 {
	font-size:1.6rem;
	line-height:1.6rem;
}

h2 {
	font-size:2.4rem;
	line-height:2.4rem;
}

.CN, h3 {
	font-family:CN, Georgia, Times New Roman, serif;
	font-size:4.0rem;
	line-height:4.0rem;
}

h4 {
	font-family: Arial Narrow, sans-serif;
	font-size:2.4rem;
	line-height:2.4rem;
}

h5 {
	font-size:1.6rem;
	line-height:1.6rem;
}

}

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

.grid {
	grid-template-columns: repeat(1, 1fr);
}

.grid2 {
	grid-template-columns: repeat(2, 1fr);
}

.fold {
	grid-template-columns: repeat(1, 1fr);
	padding: 1.6rem .8rem .8rem;
}

.chiron {
	padding:3.2rem 1.6rem 0;
}

.col1 {
  grid-column: span 1;
  grid-row:span 1;
  position:relative;
}

.col, .col2 {
  grid-column: span 1;
  grid-row: span 1;
  position:relative;
}

.col3 {
  grid-column: span 1;
  grid-row: span 1;
  position:relative;
}

.col4 {
  grid-column: span 1;
  grid-row: span 1;
  position:relative;
}

.col5 {
  grid-column: span 1;
  grid-row: span 1;
  position:relative;
}

.col6 {
  grid-column: span 1;
  grid-row: span 1;
  position:relative;
}

.col8 {
  grid-column: span 1;
  grid-row: span 1;
  position:relative;
}

.col9 {
  grid-column: span 1;
  grid-row: span 1;
  position:relative;
}

.col10 {
  grid-column: span 1;
  grid-row: span 1;
  position:relative;
}

.col12 {
  grid-column: span 1;
  grid-row: span 1;
  position:relative;
}
.R4 {
  padding:0;
}

.L4 {
  padding:0;
}

.R6 {
  padding:0;
}

.L6 {
  padding:0;
}

.P4 {
  padding:0;
}

.P6 {
  padding:0;
}

.overlap {
	position:relative;
}

figcaption.overlap, h5.overlap {
	position:relative;
	text-align:center;
	padding:0 0 1.6rem;
}

.cell {
	padding: 1.6rem;
}

.unfocus {
	pointer-events:none;
}

.desktop {
	display:none;
}

.mobile {
  display:inherit;
}

.para {
  max-width:inherit;
  margin:inherit;
}

}