@import 'https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,700,800,900';

.title-holder {
	margin: 4% 0 2% 0;
	width: 100%;
	max-width: 1620px;
	font-size: 1.8rem;
	padding: 0 10px;
	border-bottom: 1px solid #adb5bd;
	padding-bottom: 6px;
	padding-top: 10px;
	color: #ffffff;
	display: flex;
}
.list-of-drafts {
	padding: 10px;
	height:auto;
	-webkit-columns: 3 400px;
	-moz-columns: 3 400px;
	columns: 3 400px;
	-webkit-column-gap: 40px;
	-moz-column-gap: 40px;
	column-gap: 40px;
	text-align:left;
	-webkit-column-rule:	1px solid #868786;
	-moz-column-rule:		1px solid #868786;
	column-rule:			1px solid #868786;
}
.links {
	margin: 0 auto;
	width: 100%;
	max-width: 1400px;
	text-align: left;
}

.title-list {
	font-size: 22px;
	line-height: 28px;
	color: #ffffff;
	font-weight: 800;
	text-decoration: none;}
a:hover.title-list {
	cursor: url("cursor.png"), auto;
	color: #FF0000;
	text-decoration: none;}

.code {
	color: #ffffff;
	font-size: 14px;
	font-weight: 400;
	text-decoration: none;}
a:hover.code {
	cursor: url("cursor.png"), auto;
	color: #FF0000;
	text-decoration: none;}

.legend {
	font-size: 1.1rem;
	line-height: 1.5rem;
	color: #ffffff;
	text-decoration: none;
}
a:hover.legend {
	cursor: url("cursor.png"), auto;
	color: #ff0000;
	text-decoration: none;
}

@media only screen and (min-width : 320px) {
.list-of-drafts {max-width: 100%;} 
}
@media only screen and (min-width : 574px) {
.list-of-drafts {max-width: 100%;} 
}
@media only screen and (min-width : 768px) {
.list-of-drafts {max-width: 100%;} 
}
@media only screen and (min-width : 1200px) {
.list-of-drafts {max-width: 100%;} 
}