/*
Theme Name: ByLien
Theme URI: 
Description: 
Author: 
Version: 1.0
Tags: 
*/
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
a, em, hr, img, small, b, u, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, tr, th, td {
	background:transparent;
	border:0;
	margin:0;
	padding:0;
	vertical-align:baseline;
}
* {
	box-sizing: border-box;
}

html {
	width:100%;
	height:100%;
}

body {
	padding:0;
	margin:0;
	color:#777;
	font:400 1rem "Gill Sans W04 Book",sans-serif;
	width:100%;
}

h1 {
	font-weight:normal;
	font-size:16px;
	margin-bottom:2em;
}

a {
	color:#b02d03;
	text-decoration:none;
}

#left, #right {
	position:fixed;
	height:100%;
}

	#left {
		background:url("images/marlien-large.webp") no-repeat center center;
		background-size:cover;
		width:45%;
		box-shadow:inset 0 0 30px 15px rgba(0,0,0,.3);
	}

	#right {
		right:0;
		padding:40px 50px;
		text-align:center;
		width:55%;
	}

blockquote {
	/*font:35px/1.25 "Mistral ITC Std Light W03 Rg",serif;*/
	font:400 1.35rem/1.3 "Gill Sans W04 Book",serif;
	margin:25px 0 15px;
	position:relative;
}

	blockquote p {
		padding: 35px 30px;
		position:relative;
	}

blockquote + p {
	margin-bottom:7px;
}

	blockquote + p img {
		border-radius:100%;
		width:65px;
		height:auto;
		border:3px solid #fff;
	}

hr {
	margin:50px 0;
	max-width:60px;
	display:inline-block;
}

div > p {
	color:#555;
	letter-spacing:-0.2px;
}

ul {
	display:inline-block;
}

li {
	float:left;
	margin-left:25px;
	padding-left:5px;
}

	li:first-child {
		list-style:none;
	}

.social {
	margin-top:15px;
	opacity:.3;
}

	.social img {
		width:18px;
		margin:0 5px;
	}

@media only screen and (max-width: 767px) {
	#left {
		display:none;
	}

	#right {
		position:static;
		padding:20px;
		width:100%;
	}

		#right > p:first-child {
			width:200px;
			height:200px;
			margin:15px auto 30px;
		}

	img {
		width:150px;
	}

	blockquote {
		font-size:27px;
		color:#888;
		margin-bottom:35px;
		height:auto;
	}

	ul {
		margin:0;
		padding:0;
	}

	li {
		list-style:none;
		text-align:center;
		float:none;
		margin:0 0 5px;
		padding:0;
	}
}

