.shrinkable_image {
	width: 100%;
	height: 100%;
	object-fit: scale-down;
}

.image_160_by_160 {
	max-width: 160px;
	max-height: 160px;
	
	padding: 0;
}

.image_normal_on_page {
	max-width:640px;
	max-height:360px;
	padding: 0;
}

.background_1 {
	/*background-color:#575;*/
	background-color:#c4c4c5;
	margin: 0;
	font-family: cambria, arial, times-new-roman;
	
	/*display: flex; Breaks it.*/
}

.top-bar {
	background-color:#132;
	width: 100%;
	min-height: 50px;
	max-height: 90px;
	
	padding:0;
	margin:0;
	top:0;
	
	position: relative;
	display:block;
	
	overflow: hidden; /*NECESSARY! Comment it out some time to remember how important this is.*/
}

 /*A big block to contain two major blocks right underneath the title bar. (The safe one)*/
/*.big-container {
	width: 100%;
	display: flex;
	background-color:none;
	height:100%;
	
	overflow:auto;
	
	flex-direction: row;
}
*/
.big-container {
	
	
	width: 100%;
	display: grid; /* Enable Grid layout */
     height: 100vh; /* Full height of the viewport */
	background-color:none;
	/*grid-template-columns: 50% 50%;*/
	/*grid-template-columns: minmax(200px, 18%) 82%;*/
	grid-template-columns: minmax(200px, 18%) auto;
	grid-template-rows: 1;
	gap: 0;
	
	
}

/* Goes inside big-container. */
/*
.left-pillar {
	background-color:#996;
	
	min-width: 200px;
	width:18%;
	
	
	
}*/

.left-pillar {
	background-color:#996; /* For hapless grid attempt*/
}

.left-nav-links {
	font-size:17px;
	list-style-type:none;
	text-align: left;
	align-content: left;
	/*float:left;*/
	padding-left:4px;
	margin-left:5px;
}

li.left-nav-links {
	all:inherit
	
}

/* Goes inside big-container. */
 /* This is where the paragraphs of information and big links go! */
/*.content-box-1 {
	background-color:#c4c4c5;
	width:82%;
	
	padding:10px;
	
}*/

.content-box-1 {
	background-color:#c4c4c5;
	/*background-color:none;*/
	
	padding:10px;
	
	/*For hapless grid attempt.*/
}

/* Goes inside big-container. */
.content-box-2 {
	
	
}

.big-show-box {
	max-width:1000px;
	border: solid 3px #000;
	text-align: left;
	padding: 15px;
	margin: 5px;
}

.big-show-box h2 {
	text-align:center;
}

.big-show-text {
	font-size: 17px;
	
}

.text-box-sort-1 {
	background-color:#596;
	margin: 0;
	padding: 10px;
	max-width:80%;
	
	font-size:19px;
}

#website-title-container {
	padding-top:17px;
	padding-bottom:17px;
	padding-left:17px;
	padding-right:17px;
	
	/*margin-right:20px; Didn't fix it.*/ 
	
}

#website-title {
	/*color:#07f;*/
	color:#0a7;
	font-size:24px;
	font-weight:bold;
	font-family:verdana;
	
	padding:inherit;
}

h2 {
	margin-top:-5px;
	
}

.debug-text {
	color:#909;
}