body{
	background-color:#F5FFFA;
}

.columns {
  display: flex;
  max-width: 960px;
  margin: auto;
}

.column {
  flex: 1;
  min-width: 320px;
}

.main-column {
  flex: 2;
  min-width: 640px;
}

/*column*/

.uptop{
	padding-top: 50px;
	padding-bottom: 5px;
}

.title {
	font-family: 'PT Serif', serif;
	font-size: 2.5em;
	color: #132574;
	font-weight: 700;
}

.subtitle {
	font-family: 'PT Serif', serif;
	font-size: 1.125em;
	font-weight: 400;
	font-style: italic;
	margin-top: -5px;
}

/*main-column*/

.content {
	margin-top: 50px;
	margin-left: 40px;
	padding-right: 40px;
}

.section {
	font-family:  'PT Mono', monospace;
	font-size: 0.625em;
	color: black;
	font-weight: 400;
	padding-bottom: 5px;
	border-bottom: 3px solid #000;
	
}

.cases {
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: 1px solid #000;
}

.about {
	margin-top: 30px;
}

.category {
	font-family:  'PT Mono', monospace;
	font-size: 1.875em;
	color: black;
}

leg {
	display:inline;
}

.tag {
	font-family: 'PT Serif', serif;
	font-size: 0.4em;
	color: black;
	font-weight: 400;
	font-style: italic;
	padding-top: 3px;
}

/*LINKS*/

a {
	text-decoration:none;
	color: #000;
}
a:hover { background-color: #F2A0A0;}
a:visited { color: #000;}


/*MEDIAQUERY*/

@media screen and (max-width: 890px) {
   	
.columns {
	display: flex;
	margin: auto;
	flex-direction: column;
	}

.column {
	min-width: 280px;
	margin: auto;
	}

.main-column {
	min-width: 280px;
	max-width: 700px;
	margin: auto;
	}

.content {
	margin-top: 50px;
}
}

/*MEDIAQUERY*/

@media screen and (max-width: 400px) {
body {
	min-width:350px;
}
.category {
	font-size: 1.25em;
}
.title {
	font-size: 2.188em;
}


.tag {
	font-size: 0.5em;
}


}