/*	Resets
	------	*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em,
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup,
menu, footer, header, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
	display: block;
}

a, .disabled-link {
	color: #fff;
	text-decoration: underline;
	transition: all 0.3s ease 0s;
}
a:hover {
	color: #5f27cd;
	text-decoration: underline;
}

ul {
  	list-style: none;
}

a.closed {
	text-decoration: line-through !important;
}

/* Default layout */

html, body {
	height: 100%;
}

body {
  	padding: 0;
  	font-family: helvetica, arial, serif;
	font-size: 18px;
	font-weight: normal;
	background: url('images/black_denim.png') left -25px repeat #111;
	color: #e1e1e1;
}

article {
	padding: 60px 30px;
}

@media screen and (min-width: 810px) {

	article {
		padding: 100px;
	}
}

@media screen and (min-width: 1100px) {

	article {
		padding: 100px 200px;
	}
}

section:not(:last-child) {
	margin-bottom: 50px;
}

h1, h2 {
	margin-bottom: 25px;
	font-size: 36px;
	color: #fff;
	font-family: "Headland One", helvetica, arial, serif;
}


p {
	margin-bottom: 15px;
	line-height: 1.6;
	max-width: 794px;
}
p a {
	border-bottom: 3px solid #3e3e3e;
	color: #777;
	padding-bottom: 1px;
	text-decoration: none;
}
p a:hover {
	color: #fff;
	border-color: #fff;
	text-decoration: none;
}
.links {
	margin-bottom: 0;
}
.links li {
	display: inline;
	margin-right: 15px;
}
.block-links li {
	display: block;
	margin-right: 0;
	margin-bottom: 8px;
}
.links li a {
	border-bottom: 3px solid #3e3e3e;
	color: #777;
	display: inline-block;
	font-weight: 400;
	font-size: 18px;
	padding-bottom: 1px;
	text-decoration: none;
	transition: all 0.5s ease 0s;
}
.links li a:hover {
	color: #fff;
	border-color: #10ac84;
}
.links li a.threads:hover {
	border-color: black;
}
.links li a.linkedin:hover {
	border-color: #3b5998;
}
.links li a.github:hover {
	border-color: #0969da;
}
.links li a.instagram:hover {
	border-color: #0064e0;
}
.links li a.porcom:hover {
	border-color: darkred;
}
.links li a.optania:hover {
	border-color: #f0a21f;
}
.links li a.epsylio:hover {
	border-color: darkblue;
}
.links li a.monlab:hover {
	border-color: darkcyan;
}
.links li a.ali:hover {
	border-color: #5eb1e7;
}
.links li a.evio:hover {
	border-color: #0086C9;
}
.links li a.psylio:hover {
	border-color: #7e57fc;
}
.links li a.jade:hover {
	border-color: rgb(16, 172, 132);
}
.links li a.omnomnom:hover {
	border-color: whitesmoke;
}
.links li a.publieca:hover {
	border-color: dodgerblue;
}
.links li a.poolchampion:hover {
	border-color: red;
}
.links li a.lygue:hover {
	border-color: darkgreen;
}
.links li a.jhaisca:hover {
	border-color: darkblue;
}
.links li a.noa:hover {
	border-color: #4f7cff;
}
.links li a.apostasieme:hover {
	border-color: #f0ede8;
}
.links li a.bonjourmetal:hover {
	border-color: #fcc716;
}