@import url(http://www.liquidlegends.net/staff/Zess/Scripts/LLnewsMarginfix.css);
@import url(http://fonts.googleapis.com/css?family=Montserrat:700);
@import url(http://www.teamliquid.net/staff/FOnTTaX/counterstrike/tools/linkicons.css);

article#LJL {
	background-color: #161317;
	display: block;
	width: 100%;
	height: 100%;
}
article#LJL * {
	font-family: 'Roboto', sans-serif;
	color: #E1E1E1;
	font-weight: 400;
}
article#LJL > header:first-of-type{
	background-image: linear-gradient(to bottom, transparent 280px, #161317 375px), url('http://i.imgur.com/8OoU6Fk.jpg');
	background-repeat: no-repeat, no-repeat;
	background-size: auto, 800px auto;
	background-position: 0% 0%, center top;
	display: block;
	width: 100%;
	padding: 375px 0 0 0;
	margin: 0;
}
@media screen and (max-width: 1023px) and (min-width: 800px) {
	article#LJL > header:first-of-type{
		background-image: linear-gradient(to bottom, transparent 35vw, #161317 46.875vw), url('http://i.imgur.com/8OoU6Fk.jpg');
		background-size: auto, 100% auto;
		padding: 46.875% 0 0 0;
	}
}
/*

Section titles / headers

*/
article#LJL h1, article#LJL h2 {
	font-family: 'Montserrat', sans-serif;
	padding-left: 5%;
}
article#LJL h1 {
	margin: 1.2em 0 .6em;
	font-size: 3em;
}
article#LJL h2 {
	font-size: 2em;
	margin: 2em 0 1em 0;
	border-left: 2em solid;
	box-sizing: border-box;
	text-transform: uppercase;
	display: block;
	padding-right: 5%;
	border-right: 5em solid;
}
article#LJL h1+h2{
	margin-top: 0;
}
/*

Body text and team layouts

*/
article#LJL p {
	margin: .5em 5% .5em 7.5%;
	font-size: 1.15em;
	text-align: left;
	text-decoration: none;
	line-height: 1.4em;
}
article#LJL ul, article#LJL ol {
	font-size: 1.2em;
	margin-left: 5%;
}
article#LJL figure {
	width: 100%;
	margin: 1em 0;
}
article#LJL figure > img {
	width: 100%;
	display: block;
}
article#LJL figure > figcaption {
	width: 100%;
	margin: 1em 0 0 15%;
	font-size: 1.15em;
}
article#LJL blockquote{
	background-color: #333047;
	width: 80%;
	padding: 2em;
	margin: 3em auto;
	position: relative;
	box-sizing: border-box;
	font-size: 1.3em;
	text-align: justify;
	letter-spacing: .02em;
}
article#LJL blockquote::before{
	font-family: 'Montserrat', sans-serif;
	font-size: 120px;
	content:"“";
	top: -50px;
	left: -6%;
	position: absolute;
}
article#LJL blockquote::after{
	font-family: 'Montserrat', sans-serif;
	font-size: 120px;
	content:"”";
	bottom: -100px;
	right: -6%;
	position: absolute;
}
/*

Footers and links

*/
article#LJL a, article#LJL a:link {
	text-decoration: none;
	color: #2BBDE0;
}
article#LJL a:hover {
	text-decoration: underline;
}
article#LJL footer {
	width: 80%;
	padding: 0 0 6%;
	margin: 12% auto 0;
	display: block;
	border: medium none;
}
article#LJL footer > ul {
	font-size: 1em;
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}
article#LJL footer li > span {
	margin-right: 1em;
	padding: 0;
	font-weight: 700;
}
article#LJL footer > p.pitch {
	margin-left: 0;
	font-size: 1em;
	font-weight: 700;
}