/* ————————————————————————*/
/* Stylesheet for the record
/* Responsiveness
/* ————————————————————————*/

@media (min-width: 788px) and (max-width: 1280px) {

	.button {
		height: 80px;
	}
	.mono {
		font-size: 18px;
		line-height: 30px;
	}

	.semi {
		font-size: 18px;
		line-height: 24px;
	}

	.long {
		font-size: 18px;
		line-height: 28px;
	}
	.col-2 {
		width: calc(100% / 2 - 10px);

	}
	.colophon {
		column-count: 2;
	}
	.contributions {
		column-count: 2;
	}


}

@media (max-width: 787px) {



	.col {
		margin: 2.5px;
	}
	.header .col-1 {
		width: calc(100% - 5px);
	}

	.col-3 {
		width: calc(100% / 2 - 5px);
	}
	.col-2, .col-4 {
		width: calc(100%  - 5px);
	}
	.col-6 {
		width: calc(100%  - 5px);
	}
	.tag {
		padding: 1px 5px;
	}
	.revealtags {
		padding-right: 10px !important;
	}
	.entry-text.index-item  {
		flex-direction: column;
	    text-align: center;
	    justify-content: center;
	    align-items: center;
	}
	.entry-text.index-item .col-2 {
		width: 100%;
		margin-bottom: 0.5em;
	}
	.entry-text.index-item .col-2:first-of-type {
		margin-top: 1em;
		margin-bottom: 0.6em;
	}
	.entry-text.index-item .col-2:last-of-type {
		margin-bottom: 1em;
	}
	.corners, input, textarea, button[type=submit] {
		clip-path: polygon(1.5px 1.5px, 0 1.5px, 0 calc(100% - 1.5px), 1.5px  calc(100% - 1.5px), 1.5px 100%,  calc(100% - 1.5px) 100%, calc(100% - 1.5px)  calc(100% - 1.5px), 100%  calc(100% - 1.5px), 100% 1.5px,  calc(100% - 1.5px) 1.5px,  calc(100% - 1.5px) 0, 1.5px 0);
	}

	.entry-text {
		height: auto;
		border: 1.5px solid white;
	}

	.index-item.entry-text::before {
		width: calc(100% - 40px);
		height: 220px;
		left: 20px;
	}
	.index-item.entry-text::after {
		height: calc(100% - 40px);
		top: calc(20px);
		width: calc(100%  + 10px);
	}

	.home-item.entry-text::before {
		width: calc(100% - 40px);
		left: 20px;

	}
	.external:after {
		width: 11px;
		height: 11px;
	}
	body {
		padding: 2.5px;
	}
	.header {
		top: 2.5px;
		width: calc(100% - 5px);
	}
	#header.nav-up {
		top: 2.5px;
	}
	#header + * {
		margin-top: 325px;
	}
	#header.nav-down {
		top: -325px;
	}

	.button {
		height: 66px;
	}

	.mono {
		font-size: 14px;
		line-height: 1.4;
	}

	.semi {
		font-size: 14px;
		line-height: 1.4;
	}

	.long {
		font-size: 14px;
		line-height: 1.4;
	}

	.paragraph {
		width: 100%;
		margin-bottom: 1.4em;
	}
	.colophon {
		column-count: 1;
	}
	.contributions {
		column-count: 1;
		padding: 0 2.5px;
	}
	.entry-video {
		height: 53vw;
	}
	

	.text-long {
		column-count: 1;
		padding: 0px 2.5px 0 2.5px;
		max-width: 100%;
	}

	.text-long figure {
		width: 100vw;
		margin-left: 0vw;
		padding: 60px 0;
	}

}