@media print {
	img {
		display: none;
	}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.h1, h1 {
		font-size: 2.5rem;
	}
	.h4, h4 {
		font-size: 1.5rem;
	}

	.main-header {
		display: block;
		width: 80px;
		height: 100vh;
	}
	#main {
		margin-top: 0;
	}
	.time-tag {
		float: right;
	}
	.date-link {
		display: inline-block;
		margin: 0 10px;
		width: 60px;
		height: 5px;
		border-bottom: 1px dashed var(--font-secondary);
		border-left: 1px solid var(--font-secondary);
		border-right: 1px solid var(--font-secondary);
		overflow: hidden;
		text-indent: -999px;
	}
	.post-image-canvas {
		width: 30%;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.header-logo {
		max-width: 160px;
		height: 160px;
	}
}