.resource-list{
	display: flex;
	flex-direction: column;
	margin-top: 40rem;
}

.resource-list-item{
	display: flex;
	flex-direction: row;
	font-size: 16rem;
	padding: 40rem 20rem;
	padding-bottom: 20rem;
}


.resource-list-item:nth-child(odd){
	background: #E4E2DB;
}

.resource-list-item>*{
	display: flex;
}

.resource-list-item .resource{
	flex-grow: 1;
	flex-direction: column;
	padding-right: 90rem;
	/*font-family: ANTQUA;*/
	line-height: 24rem;
}

.resource-list-item .resource *{
	display: flex;
	margin-bottom: 10rem;
}


.resource-list-item .resource .resource-name{
	font-weight: bold;
	display: inline;
	font-size: 18rem;
}

.resource-list-item .resource .resource-name span{
	color: #0C5462;
	display: inline;
}


.resource-list-item .resource .resource-info{
	color: #565552;
}

.resource-list-item .add{
	width: 300rem;
	flex-direction: column;
	text-align: right;
	flex-shrink: 0;
	position: relative;
}

.resource-list-item .add .add-autor{
	color: #0C5462;
}




.resource-list-item .add .btn-link{
	text-decoration: none;
	text-align: center;
	background: #0C5462;
	color: white;
	width: 200rem;
	margin-left: auto;
	margin-top: 30rem;
	height: 30rem;
	line-height: 30rem;
	font-size: 18rem;
	/*position: absolute;*/
	/*right: 0rem;*/
}



.pages{
	width: 100%;
	height: 40rem;
	background: #0B2035;
}




@media(max-width:1024px){


.resource-list{
	margin-top: 0rem;
	padding: 0rem;
}

.resource-list-item{
	display: flex;
	flex-direction: column;
}


.resource-list-item .resource{
	flex-grow: 1;
	flex-direction: column;
	padding: 0rem;
	/*font-family: ANTQUA;*/
	line-height: 24rem;
}

.resource-list-item .resource .resource-name{
	font-size: 18rem;
}



.resource-list-item .add{
	text-align: left;
}



.resource-list-item .add .btn-link{
	margin-left: 0rem;
	margin-right: auto;
	margin-top: 20rem;
	height: 40rem;
	line-height: 40rem;
	width: 180rem;
}

}