main {
	max-width: 800px;
	margin: auto;
}

p {
	font-size: 1em;
	line-height: 1.75em;
	border-top: 3px solid;
	
	/*border-image: -webkit-linear-gradient(to right, #007fc9 0%, #aee0fc 100%);*/
	/*background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 80%);*/
	border-image-slice: 1;
	border-width: 3px;
	margin: 0;
	padding: 40px;
	counter-increment: section;
	position: relative;
	color: #002d5b;
}

	p:before {
		content: counter(section);
		position: absolute;
		border-radius: 50%;
		padding: 10px;
		height: 2.75em;
		width: 2.75em;
		background-color: #002d5b;
		text-align: center;
		line-height: 1.25em;
		color: #efeff1;
		font-size: 1em;
		font-weight: bold;
	}

	p:nth-child(odd) {
		border-right: 3px solid;
		padding-left: 0;
	}

		p:nth-child(odd):before {
			left: 100%;
			margin-left: -20px;
		}

	p:nth-child(even) {
		border-left: 3px solid;
		padding-right: 0;
	}

		p:nth-child(even):before {
			right: 100%;
			margin-right: -20px;
		}

	p:first-child {
		border-top: 0;
		border-top-right-radius: 0;
		border-top-left-radius: 0;
	}

	p:last-child {
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
	}


table {
	width: 100%;
	border-collapse: collapse;
}

th, td {
	padding: 10px;
	text-align: left;
	vertical-align: top;
}

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
    table, thead, tbody, th, td, tr {
        display: block;
    }
}