.main{
	display: flex;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
	flex-direction: column;
}

.title-box{
	background-color: #F0B222;
	padding: 1rem;
	margin-bottom: 1rem;
	margin-top: 1rem;
	border-radius: 0.25rem;
	display: flex;
	align-items: center;
	color: #470E25;
}

medium{
	background: black;
    color: white;
}

.category{
	padding: 1rem;
	margin-bottom: 1rem;
	margin-top: 1rem;
	border-radius: 0.25rem;
	background-color: #C7C18F;
	color: #470E25;
	flex-wrap: wrap;
}

.category.active{
	border: 5px #BD6720 solid;
}

.category-header{
	border-bottom: 1px solid #470E25;
	margin-bottom: 0;
	padding-bottom: 0.5rem;
	font-size: larger
}

.category-element{
	padding-top: 1rem;
	display: flex;
	align-items: flex-start;
	line-height: 1.25;
	border-bottom: 1px solid #470E25;
	padding-bottom: 1rem;
	flex-wrap: wrap;
	justify-content: space-between;
	
}

.subject-name{
	font-size: 1.275em;
}

.category-meta{
	margin-right: 0.5rem;
}

.category-other{
	display: flex;
    align-content: flex-end;
    flex-direction: column;
}

.category-type{
	display: flex;
	justify-content: end;
}

.category-meta a:hover {
    color: #470E25;
    font-style: italic;
	background-color: white;
}

@media (max-width:575px)  { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ 
    .category-type{
		justify-content: start;
	}
}