.archive .item {
	position: relative;
	background-color: #fff;
	clear: both;
}
	.archive h1 {
	}
	.archive .item .info {
		float: left;
		color: #333;
	}
	.archive .item .img-wrapper {
		float: left;
	}
		.archive .item .img-wrapper img {
		}
	.archive .item p {
	}
	.archive .item a:hover {
		text-decoration: underline;
	}
	.archive .item span {
		position: absolute;
		font-size: 11px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		background-color: #f7f7f7;
		color: #333;
	}

/* Desktops, Tablets landscape ----------- */
@media only screen and (min-width : 769px) {

	.archive .item {
		width: 100%;
		height: 120px;
		margin: 0px 0px 20px 0px;
	}
	.archive h1 {
		margin: 0px 0px 50px 0px;
	}
	.archive .item .info {
		width: 72%;
		margin: 15px 0px 0px 20px;
	}
	.archive .item .img-wrapper {
	}
		.archive .item .img-wrapper img {
			width: 120px;
			height: 120px;
		}
	.archive .item p {
		margin: 10px 0px 0px 0px;
	}
	.archive .item a:hover {
	}
	.archive .item span {
		padding: 3px 5px 3px 5px;
		top: 15px;
		right: 20px;
	}

}

/* Tablets portrait ----------- */
@media only screen and (min-width : 385px) and (max-width : 768px) {

	.archive .item {
		width: 100%;
		height: 140px;
		margin: 0px 0px 20px 0px;
	}
	.archive h1 {
		margin: 0px 0px 50px 0px;
	}
	.archive .item .info {
		width: 74%;
		margin: 15px 0px 0px 20px;
	}
	.archive .item .img-wrapper {
		width: 90px;
		height: 140px;
	}
		.archive .item .img-wrapper img {
			width: 140px;
			height: 140px;
		}
	.archive .item p {
		margin: 10px 0px 0px 0px;
	}
	.archive .item a:hover {
	}
	.archive .item span {
		padding: 3px 5px 3px 5px;
		top: 15px;
		right: 20px;
	}

}

/* Mobile ----------- */
@media only screen and (max-width : 384px) {

	.archive .item {
		width: 100%;
		height: 160px;
		margin: 0px 0px 20px 0px;
	}
	.archive h1 {
		margin: 0px 0px 50px 25px;
	}
	.archive .item .info {
		width: 80%;
		margin: 15px 0px 0px 20px;
	}
	.archive .item .img-wrapper {
		display: none;
	}
	.archive .item p {
		margin: 10px 0px 0px 0px;
	}
	.archive .item a:hover {
	}
	.archive .item span {
		padding: 3px 5px 3px 5px;
		top: 15px;
		right: 20px;
	}

}