/*------------------------------------*\
	ONE RAW
	
	By Simon Wiffen
	NORTHERN CONTRAST LTD
	
	http://www.northerncontrast.com
\*------------------------------------*/




/*------------------------------------*\
	RESET
\*------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ 
	margin:0;
	padding:0;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img{ 
	border:0;
}
address,caption,cite,dfn,th,var{
	font-style:normal;
	font-weight:normal;
}
caption,th{
	text-align:left;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
}
q:before,q:after{
	content:'';
}
abbr,acronym{
	border:0;
}
header, nav, article, section, aside, footer{
	display:block;
}



/*------------------------------------*\
	MAIN
\*------------------------------------*/
html{
	font-family:'Yantramanav', sans-serif;
	font-size:100%;
	color:#222;
	background:#fff;
}
body{
	padding-top:109px;
}



/*------------------------------------*\
	BASE TYPOGRAPHY
\*------------------------------------*/
p{
	margin-bottom:20px;
}
.large{
	font-size:1.2em;
}
a{
	color:#222;
	font-weight:700;
	text-decoration:none;
	transition:0.15s linear all;
}
a:hover,
a:focus{
	color:#ddd;
}



/*------------------------------------*\
	HEADER
\*------------------------------------*/
.main-header{
	position:fixed;
	top:0;
	width:100%;
	height:64px;
	overflow:hidden;
	padding:20px 0;
	background:#fff;
	background:rgba(255,255,255,0.9);
	border-bottom:5px solid #ddd;
	z-index:100;
}
.main-header .logo{
	width:230px;
	height:auto;
	margin-left:50px;
	float:left;
}
.main-header nav{
	float:right;
}
.main-header ul{
	float:left;
	list-style:none;
	margin-top:25px;
	margin-right:20px;
}
.main-header ul li{
	display:inline-block;
	margin-right:20px;
}
.main-header ul li.current-menu-item{
	border-bottom:3px solid #222;
}
.main-header ul.social li{
	margin-right:10px;
}
.main-header ul.social li a{
	display:block;
	width:25px;
	height:25px;
	text-indent:-999999em;
	background-position:0px 0px;
	background-size:25px 50px;
}
.main-header ul.social li a:hover,
.main-header ul.social li a:focus{
	background-position:0 -25px;
}
.main-header ul.social li.social-twitter a{
	background-image:url(../img/twitter@2x.png);
}
.main-header ul.social li.social-facebook a{
	background-image:url(../img/facebook@2x.png);
}
.main-header ul.social li.social-instagram a{
	background-image:url(../img/instagram@2x.png);
}



/*------------------------------------*\
	INTRODUCTION
\*------------------------------------*/
.introduction{
	color:#fff;
	background:#222;
	background-position:center;
	background-size:cover;	
	border-bottom:5px solid #ddd;
	position:relative;
}
.introduction .introduction-content{
	position:relative;
	padding:50px 20%;
	text-align:center;	
	overflow:hidden;
	background:#222;
	background:rgba(34,34,34,0.5) url(../img/bg-pattern.png);
}
.home-introduction .introduction-content{
	padding:200px 20%;
	background:transparent;
	position:relative;
}
.home-introduction .video{
	overflow:hidden;	
}
.home-introduction video{
	position:absolute;
	top:0; 
	right:-150px; 
	min-width:100%;
	min-height:100%;
	width:auto; 
	height:auto; 
	z-index:0; 
}
.home-introduction .video-overlay{
	position:absolute;
	top:50%; 
	left:50%; 
	min-width:100%;
	min-height:100%;
	width:auto; 
	height:auto; 
	z-index:0; 
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);	
	background:rgba(34,34,34,0.5) url(../img/bg-pattern.png);
}
.home-introduction .content{
	position:relative;
	z-index:1;
}
.result-introduction .introduction-content{
	padding:50px 20px 50px 50px;
	text-align:left;
}
.introduction h1{
	font-size:3em;
	font-weight:700;
	margin-bottom:10px;
}
.introduction p{
	font-size:1.5em;
	font-weight:300;
}
.introduction a{
	color:#fff;
}
.introduction a:hover,
.introduction a:focus{
	color:#ddd;
}
.introduction .reference-image-container{
	width:395px;
	float:right;
	overflow:hidden;
	margin-left:100px;
}
.introduction .reference-image{	
	border:1px solid #ddd;
	padding:10px;	
	overflow:hidden;
	position:relative;
}
.introduction .reference-image img{
	width:100%;
	height:auto;
	float:left;
}
.introduction .image-credit{
	position:absolute;
	right:10px;
	bottom:10px;
	font-size:0.75em;
	text-align:center;
	margin:0;
	padding:3px;
	background:rgba(0,0,0,0.5);
}
.introduction .image-credit a{
	font-weight:300;
}



/*------------------------------------*\
	LISTING
\*------------------------------------*/
.raw-file{
	padding:20px 20%;
	border-bottom:10px solid #ddd;
}
.raw-file .raw-meta h2{
	font-size:3em;
	font-weight:300;
	line-height:1em;
	color:#eee;
	margin-top:20px;
}
.raw-file .raw-meta h2.no-posts{
	margin-bottom:30px;
}
.raw-file .raw-details .main-image{
	margin-bottom:30px;
}
.raw-file .raw-details .contributors{
	display:table;
}
.raw-file .raw-details .bio{
	display:table-cell;
	width:33.33%;
	padding-right:30px;
}
.raw-file .raw-details .bio .avatar{	
	width:35%;
	height:auto;
	border:1px solid #ddd;
	border-radius:999px;
	margin-bottom:15px;
}
.raw-file .raw-details .bio h2{
	font-size:1.2em;
	font-weight:700;
	margin-bottom:10px;	
}
.raw-file .raw-details .bio p{
	color:#666;
	font-size:0.85em;
	font-weight:300;
}
.raw-file .more{
	margin-top:30px;
	text-align:center;
}
.raw-file .more a{
	display:block;
	font-size:1.2em;
	font-weight:500;
	padding:25px 0 5px 0;
	border-top:2px solid #ddd;
}



/*------------------------------------*\
	RESULT
\*------------------------------------*/
.result{
	position:relative;
	padding-right:435px;	
	border-bottom:10px solid #ddd;
}



/*------------------------------------*\
	CONTRIBUTOR
\*------------------------------------*/
.contributor{
	display:table;
	padding:20px 50px;
}
.contributor .bio{
	display:table-cell;
	width:25%;
	vertical-align:top;
}
.contributor .bio .avatar{	
	width:75%;
	height:auto;
	border:1px solid #ddd;
	border-radius:999px;
	margin-bottom:20px;
}
.contributor .bio h2{
	font-size:2em;
	font-weight:700;
	margin-bottom:10px;
}
.contributor .bio p{
	color:#666;
	font-size:0.85em;
	font-weight:300;
}
.contributor ul.contributor-links{
	list-style:none;
	font-size:0.85em;
}
.contributor ul.contributor-links li{
	margin:5px 0;
}
.contributor ul.contributor-links li a{
	display:block;
	background-position:0px 0px;
	background-repeat:no-repeat;
	background-size:15px 30px;
}
.contributor ul.contributor-links li .icon{
	content:"";
	display:inline-block;
	width:15px;
	height:15px;
	margin-right:4px;
	vertical-align:middle;
	background-position:0px 0px;
	background-size:15px 30px;
	transition:0.15s linear all;
}
.contributor ul.contributor-links li a:hover .icon,
.contributor ul.contributor-links li a:focus .icon{
	background-position:0 -15px;
}
.contributor ul.contributor-links li.contributor-twitter .icon{
	background-image:url(../img/twitter@2x.png);
}
.contributor ul.contributor-links li.contributor-instagram .icon{
	background-image:url(../img/instagram@2x.png);
}
.contributor ul.contributor-links li.contributor-link .icon{
	background-image:url(../img/link@2x.png);
}
.contributor .summary{
	display:table-cell;
	width:70%;
	padding-left:5%;
	vertical-align:bottom;
}
.contributor .summary blockquote{
	padding:50px 100px 0 0;
	font-size:1.2em;
	position:relative;
}
.contributor .summary blockquote:before{
	content:"“ ";
	display:block;
	width:65px;
	height:50px;
	font-family:'Ewert', cursive;
	font-size:6em;
	color:#eee;
	position:absolute;
	top:-20px;
	left:-70px;
}
.contributor .summary blockquote:after{
	content:" ”";
	display:block;
	width:65px;
	height:50px;
	font-family:'Ewert', cursive;
	font-size:6em;
	color:#eee;
	position:absolute;
	bottom:-20px;
	right:0px;
}



/*------------------------------------*\
	MAIN IMAGE
\*------------------------------------*/
.main-image{
	margin-top:20px;
	border:1px solid #ddd;
	background:#fff;
	padding:10px;
	overflow:hidden;
}
.main-image img{
	width:100%;
	height:auto;
	float:left;
}
.main-image p{
	font-size:0.75em;
	margin:10px 0 0 0;
}



/*------------------------------------*\
	FILE DOWNLOAD
\*------------------------------------*/
.file-download{
	padding-top:15px;
	text-align:center;
}
.xmp-download{
	padding:30px;
	background:#fff;
}
.file-download a{
	display:inline-block;
	font-size:1.2em;
	font-weight:300;
	padding:25px 0 25px 65px;
	background-position:left;
	background-repeat:no-repeat;
	background-size:50px 69px;	
}
.file-download a.file-raw{
	/*padding:15px 0 15px 55px;*/
	background-image:url(../img/file-raw@2x.png);
	/*background-size:40px 55px;*/
}
.file-download a.file-xmp{
	background-image:url(../img/file-xmp@2x.png);
}



/*------------------------------------*\
	SETTINGS
\*------------------------------------*/
.settings{
	position:absolute;
	top:0;
	bottom:0;
	right:20px;
	width:375px;
	padding:10px 20px;
	background:#fafafa;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	overflow:auto;
}
.settings-toggle{
	display:none;
}
.settings-block h2{
	font-weight:700;
	padding-bottom:3px;
	border-bottom:1px solid #ddd;
	margin-bottom:10px;
}
.settings-block h3{
	font-size:0.9em;
	margin-left:115px;
	margin-bottom:10px;
}
.settings-block .slider{
	margin:8px 0;
}
.settings-block .slider-label{
	display:inline-block;
	width:100px;
	color:#666;
	font-size:0.85em;
	font-weight:300;
	text-align:right;
	margin-right:15px;
}
.settings-block .slider-bar{
	display:inline-block;
	width:200px;
	height:3px;
	border:1px solid #aaa;
	border-radius:50px;
	position:relative;
	top:-2px;
}
.settings-block .slider-bar .slider-handle{
	display:block;
	width:4px;
	height:7px;
	border:1px solid #555;
	position:absolute;
	top:-3px;
	left:50%;
	left:0;
	margin-left:-2px;
	background:-moz-linear-gradient(top, #666666 1%, #888888 50%, #777777 51%, #999999 100%);
	background:-webkit-linear-gradient(top, #666666 1%,#888888 50%,#777777 51%,#999999 100%);
	background:linear-gradient(to bottom, #666666 1%,#888888 50%,#777777 51%,#999999 100%);
	border-radius:2px;
	-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.2);
	box-shadow:0 1px 1px 0 rgba(0,0,0,0.2);
	transition:0.5s linear all;
}
.settings-block .slider-value{
	display:inline-block;
	width:30px;
	color:#666;
	font-size:0.85em;
	font-weight:300;
	text-align:right;
	margin-left:15px;
}
.settings-block .slider-value-large{
	width:245px;
	margin-left:0;
	text-align:left;
	font-weight:300;
}
.settings-block .mt{
	margin-top:20px;
}
.settings-block .mb{
	margin-bottom:20px;
}



/*------------------------------------*\
	SETTINGS TABS
\*------------------------------------*/
ul.tabs{
	list-style:none;
	margin:0;
	padding:0;
}
ul.tabs li{
	display:inline-block;
	margin-left:-1px;
	margin-right:5px;
}
ul.tabs li a{
	display:block;
	color:#999;
	padding:5px;
	border-radius:5px;
}
ul.tabs li a:hover,
ul.tabs li a:focus{
	background:#eee;
}
ul.tabs li.current a{
	color:#222;
	background:#ddd;
}



/*------------------------------------*\
	SLIDER GRADIENTS
\*------------------------------------*/
.grad-dark-light{
	background:-moz-linear-gradient(left, #777777 0%, #fafafa 100%);
	background:-webkit-linear-gradient(left, #777777 0%,#fafafa 100%);
	background:linear-gradient(to right, #777777 0%,#fafafa 100%);
}
.grad-light-dark{
	background:-moz-linear-gradient(left, #fafafa 0%, #777777 100%);
	background:-webkit-linear-gradient(left, #fafafa 0%,#777777 100%);
	background:linear-gradient(to right, #fafafa 0%,#777777 100%);
}
.grad-dark-light-dark{
	background:-moz-linear-gradient(left, #777777 0%, #fafafa 50%, #777777 100%);
	background:-webkit-linear-gradient(left, #777777 0%,#fafafa 50%, #777777 100%);
	background:linear-gradient(to right, #777777 0%,#fafafa 50%, #777777 100%);
}
.grad-temp{
	background:-moz-linear-gradient(left, #5a5eb3 0%, #d3d175 100%);
	background:-webkit-linear-gradient(left, #5a5eb3 0%,#d3d175 100%);
	background:linear-gradient(to right, #5a5eb3 0%,#d3d175 100%);
}
.grad-tint{
	background:-moz-linear-gradient(left, #90cb8e 0%, #dc87dc 100%);
	background:-webkit-linear-gradient(left, #90cb8e 0%,#dc87dc 100%);
	background:linear-gradient(to right, #90cb8e 0%,#dc87dc 100%);
}
.grad-saturation{
	background:-moz-linear-gradient(left, #949494 0%, #b6c59c 50%, #7ac1d3 63%, #908ddf 75%, #d46ac3 86%, #e45970 100%);
	background:-webkit-linear-gradient(left, #949494 0%,#b6c59c 50%,#7ac1d3 63%,#908ddf 75%,#d46ac3 86%,#e45970 100%);
	background:linear-gradient(to right, #949494 0%,#b6c59c 50%,#7ac1d3 63%,#908ddf 75%,#d46ac3 86%,#e45970 100%);
}
.grad-hue{
	background:-moz-linear-gradient(left, #d25658 0%, #dcdb68 14%, #a6e474 28%, #66cc7b 42%, #7ac1d3 57%, #908ddf 72%, #d46ac3 86%, #e45970 100%);
	background:-webkit-linear-gradient(left, #d25658 0%,#dcdb68 14%,#a6e474 28%,#66cc7b 42%,#7ac1d3 57%,#908ddf 72%,#d46ac3 86%,#e45970 100%);
	background:linear-gradient(to right, #d25658 0%,#dcdb68 14%,#a6e474 28%,#66cc7b 42%,#7ac1d3 57%,#908ddf 72%,#d46ac3 86%,#e45970 100%);
}
.grad-dark-red{
	background:-moz-linear-gradient(left, #777777 0%, #c14244 100%);
	background:-webkit-linear-gradient(left, #777777 0%,#c14244 100%);
	background:linear-gradient(to right, #777777 0%,#c14244 100%);
}
.grad-sharpen{
	background:-moz-linear-gradient(left, #777777 0%, #ededed 71%, #e45970 100%);
	background:-webkit-linear-gradient(left, #777777 0%,#ededed 71%,#e45970 100%);
	background:linear-gradient(to right, #777777 0%,#ededed 71%,#e45970 100%);
}
.grad-red-hue{
	background:-moz-linear-gradient(left, #ff56bb 0%, #f24a4a 50%, #f8a36f 100%);
	background:-webkit-linear-gradient(left, #ff56bb 0%, #f24a4a 50%,  #f8a36f 100%);
	background:linear-gradient(to right, #ff56bb 0%, #f24a4a 50%,  #f8a36f 100%);
}
.grad-red-saturation{
	background:-moz-linear-gradient(left, #777777 0%, #c64e50 100%);
	background:-webkit-linear-gradient(left, #777777 0%,#c64e50 100%);
	background:linear-gradient(to right, #777777 0%,#c64e50 100%);
}
.grad-red-luminance{
	background:-moz-linear-gradient(left, #555555 0%, #c64e50 100%);
	background:-webkit-linear-gradient(left, #555555 0%,#c64e50 100%);
	background:linear-gradient(to right, #555555 0%,#c64e50 100%);
}
.grad-orange-hue{
	background:-moz-linear-gradient(left, #e7507e 0%, #dd7c4a 50%, #f5dc3d 100%);
	background:-webkit-linear-gradient(left, #e7507e 0%, #dd7c4a 50%, #f5dc3d 100%);
	background:linear-gradient(to right, #e7507e 0%, #dd7c4a 50%, #f5dc3d 100%);
}
.grad-orange-saturation{
	background:-moz-linear-gradient(left, #777777 0%, #f68c4c 100%);
	background:-webkit-linear-gradient(left, #777777 0%,#f68c4c 100%);
	background:linear-gradient(to right, #777777 0%,#f68c4c 100%);
}
.grad-orange-luminance{
	background:-moz-linear-gradient(left, #555555 0%, #f68c4c 100%);
	background:-webkit-linear-gradient(left, #555555 0%,#f68c4c 100%);
	background:linear-gradient(to right, #555555 0%,#f68c4c 100%);
}
.grad-yellow-hue{
	background:-moz-linear-gradient(left, #e18d6d 0%, #f3e54b 50%, #b2ea5e 100%);
	background:-webkit-linear-gradient(left, #e18d6d 0%,#f3e54b 50%, #b2ea5e 100%);
	background:linear-gradient(to right, #e18d6d 0%,#f3e54b 50%, #b2ea5e 100%);
}
.grad-yellow-saturation{
	background:-moz-linear-gradient(left, #777777 0%, #fcd87e 100%);
	background:-webkit-linear-gradient(left, #777777 0%,#fcd87e 100%);
	background:linear-gradient(to right, #777777 0%,#fcd87e 100%);
}
.grad-yellow-luminance{
	background:-moz-linear-gradient(left, #555555 0%, #fcd87e 100%);
	background:-webkit-linear-gradient(left, #555555 0%,#fcd87e 100%);
	background:linear-gradient(to right, #555555 0%,#fcd87e 100%);
}
.grad-green-hue{
	background:-moz-linear-gradient(left, #d7e065 0%, #48d25f 50%, #1ceac9 100%);
	background:-webkit-linear-gradient(left, #d7e065 0%, #48d25f 50%, #1ceac9 100%);
	background:linear-gradient(to right, #d7e065 0%, #48d25f 50%, #1ceac9 100%);
}
.grad-green-saturation{
	background:-moz-linear-gradient(left, #777777 0%, #75e27a 100%);
	background:-webkit-linear-gradient(left, #777777 0%,#75e27a 100%);
	background:linear-gradient(to right, #777777 0%,#75e27a 100%);
}
.grad-green-luminance{
	background:-moz-linear-gradient(left, #555555 0%, #75e27a 100%);
	background:-webkit-linear-gradient(left, #555555 0%,#75e27a 100%);
	background:linear-gradient(to right, #555555 0%,#75e27a 100%);
}
.grad-aqua-hue{
	background:-moz-linear-gradient(left, #60e576 0%, #57dfd6 50%, #4a8de3 100%);
	background:-webkit-linear-gradient(left, #60e576 0%, #57dfd6 50%, #4a8de3 100%);
	background:linear-gradient(to right, #60e576 0%, #57dfd6 50%, #4a8de3 100%);
}
.grad-aqua-saturation{
	background:-moz-linear-gradient(left, #777777 0%, #51e2c9 100%);
	background:-webkit-linear-gradient(left, #777777 0%,#51e2c9 100%);
	background:linear-gradient(to right, #777777 0%,#51e2c9 100%);
}
.grad-aqua-luminance{
	background:-moz-linear-gradient(left, #555555 0%, #51e2c9 100%);
	background:-webkit-linear-gradient(left, #555555 0%,#51e2c9 100%);
	background:linear-gradient(to right, #555555 0%,#51e2c9 100%);
}
.grad-blue-hue{
	background:-moz-linear-gradient(left, #66e1ad 0%, #51afd4 50%, #7468d6 100%);
	background:-webkit-linear-gradient(left, #66e1ad 0%, #51afd4 50%, #7468d6 100%);
	background:linear-gradient(to right, #66e1ad 0%, #51afd4 50%, #7468d6 100%);
}
.grad-blue-saturation{
	background:-moz-linear-gradient(left, #777777 0%, #56c4db 100%);
	background:-webkit-linear-gradient(left, #777777 0%,#56c4db 100%);
	background:linear-gradient(to right, #777777 0%,#56c4db 100%);
}
.grad-blue-luminance{
	background:-moz-linear-gradient(left, #555555 0%, #56c4db 100%);
	background:-webkit-linear-gradient(left, #555555 0%,#56c4db 100%);
	background:linear-gradient(to right, #555555 0%,#56c4db 100%);
}
.grad-purple-hue{
	background:-moz-linear-gradient(left, #7386da 0%, #de4bc6 50%, #e8368c 100%);
	background:-webkit-linear-gradient(left, #7386da 0%, #de4bc6 50%, #e8368c 100%);
	background:linear-gradient(to right, #7386da 0%, #de4bc6 50%, #e8368c 100%);
}
.grad-purple-saturation{
	background:-moz-linear-gradient(left, #777777 0%, #d953d0 100%);
	background:-webkit-linear-gradient(left, #777777 0%,#d953d0 100%);
	background:linear-gradient(to right, #777777 0%,#d953d0 100%);
}
.grad-purple-luminance{
	background:-moz-linear-gradient(left, #555555 0%, #d953d0 100%);
	background:-webkit-linear-gradient(left, #555555 0%,#d953d0 100%);
	background:linear-gradient(to right, #555555 0%,#d953d0 100%);
}
.grad-magenta-hue{
	background:-moz-linear-gradient(left, #c66bd2 0%, #e04aa1 50%, #ee4075 100%);
	background:-webkit-linear-gradient(left, #c66bd2 0%, #e04aa1 50%, #ee4075 100%);
	background:linear-gradient(to right, #c66bd2 0%, #e04aa1 50%, #ee4075 100%);
}
.grad-magenta-saturation{
	background:-moz-linear-gradient(left, #777777 0%, #e14faa 100%);
	background:-webkit-linear-gradient(left, #777777 0%,#e14faa 100%);
	background:linear-gradient(to right, #777777 0%,#e14faa 100%);
}
.grad-magenta-luminance{
	background:-moz-linear-gradient(left, #555555 0%, #e14faa 100%);
	background:-webkit-linear-gradient(left, #555555 0%,#e14faa 100%);
	background:linear-gradient(to right, #555555 0%,#e14faa 100%);
}



/*------------------------------------*\
	FAQS
\*------------------------------------*/
.faq{
	display:table;
	padding:20px 20%;
	border-bottom:5px solid #ddd;
}
.faq .question{
	display:table-cell;
	width:35%;
	vertical-align:top;
}
.faq .question h2{
	font-size:2em;
	font-weight:700;
	margin-bottom:10px;
	text-align:right;
}
.faq .answer{
	display:table-cell;
	width:60%;
	padding-left:5%;
	vertical-align:top;
	font-size:1.2em;
}
.faq .answer ul,
.faq .answer ol{
	margin-left:20px;
}
.faq .answer ul li,
.faq .answer ol li{
	margin-bottom:15px;
}



/*------------------------------------*\
	CONTRIBUTE
\*------------------------------------*/
.contribute-content{
	font-size:1.2em;
	padding:20px 20%;
	border-bottom:10px solid #ddd;
}
img.signature{
	width:120px;
	height:auto;
	margin-top:30px;
}



/*------------------------------------*\
	FOOTER
\*------------------------------------*/
.main-footer{
	color:#666;
	font-size:0.85em;
	font-weight:300;
	padding:30px 20px;
}
.main-footer p{
	text-align:center;
	margin:0;
}



/*------------------------------------------------------------*\
	RESPONSIVE LAYOUTS
\*------------------------------------------------------------*/

@media screen and (max-width: 1250px){	
	
	/* Reformat introduction */
	.introduction h1{
		font-size:2.8em;
	}
	.introduction p{
		font-size:1.4em;
	}
	
	/* Reformat contributor bio */
	.contributor .bio h2{
		font-size:1.6em;
	}
	.contributor .summary blockquote{
		padding-right:50px;
	}	
	
}

@media screen and (max-width: 1080px){	
	
	/* Reformat header */
	.home-introduction .introduction-content{
		padding:160px 15%;
	}
	.raw-file{
		padding:20px 15%;
	}
	
	.contributor,
	.contributor .bio,
	.contributor .summary{
		display:block;
	}
	.contributor .bio{
		width:auto;
		padding-top:10px;
		padding-left:30%;
		position:relative;
		margin-top:10px;
		margin-bottom:30px;
	}
	.contributor .bio .avatar{
		width:25%;
		position:absolute;
		top:0;
		left:0;
	}
	.contributor .summary{
		width:auto;
		padding-left:70px;
	}
	
}

@media screen and (max-width: 860px){	
	
	/* Reformat main header */
	body{
		padding-top:88px;
	}
	.main-header{
		height:43px;
	}
	.main-header .logo{
		width:155px;	
	}
	.main-header ul{
		margin-top:12px;		
	}
	
	/* Reformat introduction */
	.introduction .introduction-content{
		padding:50px 15%;
	}
	.home-introduction .introduction-content{
		padding:100px 15%;
	}
	.result-introduction .introduction-content{
		padding:50px 20px 50px 50px;
	}
	.introduction h1{
		font-size:2.4em;
	}
	.introduction p{
		font-size:1.2em;
	}
	.introduction .reference-image-container{
		width:300px;
		margin-left:50px;	
	}
	
	/* Reformat result layout */	
	.result{
		padding-right:335px;
	}
	.contributor .summary{
		padding-left:50px;
	}
	.contributor .summary blockquote{
		font-size:1.1em;
		padding:20px 20px 0 0;
	}
	.contributor .summary blockquote:before{
		content:"“ ";
		display:block;
		width:42px;
		height:34px;
		font-size:4em;
		top:-20px;
		left:-50px;
	}
	.contributor .summary blockquote:after{
		content:" ”";
		display:block;
		width:42px;
		height:34px;
		font-size:4em;
		bottom:-20px;
		right:0px;
	}
	.settings{
		width:275px;
	}
	.settings-block .slider-bar{
		width:100px;
	}
	.settings-block .slider-value-large{
		width:145px;
	}
	
	/* Listing */
	.raw-file .raw-details .main-image{
		margin-right:0;
	}
	.raw-file .more a{
		padding:15px 0 0 0;
	}
	
	/* Reformat FAQs */
	.faq{
		padding:20px 50px;
	}
	.faq .question h2{
		font-size:1.6em;
	}
	
	/* Reformat contribute */
	.contribute-content{
		padding:20px 15%;
	}
	
}


@media screen and (max-width: 660px){	
	
	/* Reformat header */
	body{
		padding-top:0;
	}
	.main-header{
		position:relative;
		height:auto;
	}
	.main-header .logo{
		display:block;
		margin:0 auto;
		float:none;
	}
	.main-header nav{
		float:none;
	}
	.main-header ul{
		float:none;
		text-align:center;
		margin:20px 0 0 0;
	}
	.main-header ul li{
		margin:0 10px;
	}
	
	/* Reformat introduction */
	.introduction-content{
		padding:50px 30px;
	}
	.home-introduction .introduction-content{
		padding:50px 30px;
	}
	.introduction h1{
		font-size:2em;
	}
	.introduction p{
		font-size:1.1em;
	}
	.introduction .reference-image-container{
		width:auto;
		margin:0 0 20px 0;
	}
	.home-introduction video{
		right:-250px; 
	}
	
	/* Reformat listing */
	.raw-file{
		padding:20px 50px;
	}	
	.raw-file .raw-meta h2{
		font-size:2em;
	}
	.raw-file .raw-details .main-image{
		margin-bottom:15px;
	}
	.raw-file .raw-details .bio{
		padding:0 10px;
	}
	.raw-file .raw-details .bio .avatar{
		display:block;
		margin:0 auto 10px auto;
		width:80%;
		text-align:center;
	}
	.raw-file .raw-details .bio h2{
		font-size:0.85em;
		text-align:center;
	}
	.raw-file .raw-details .bio p{
		display:none;
	}
	.raw-file .more{
		margin-top:20px;
	}
	.raw-file .more a{
		font-size:1em;
		padding:15px 0 0 0;
	}
	
	/* Reformat result */
	.result{
		padding-right:0;
	}
	.file-download{
		text-align:left;
	}
	.contributor{
		padding:20px 30px;
	}
	.settings{
		position:relative;
		right:0;
		width:auto;
	}
	.settings-toggle{
		color:#222;
		display:block;
		padding-left:20px;
		background:url(../img/toggle-arrow-closed@2x.png) left no-repeat;
		background-size:10px 10px;
	}
	.settings-toggle:hover,
	.settings-toggle:focus{
		color:#222;
	}
	.settings-toggle-open{
		margin-bottom:20px;
		background-image:url(../img/toggle-arrow-open@2x.png)
	}
	.all-settings{
		display:none;
	}
	.main-image{
		margin-right:0;
	}
	
	/* Reformat FAQs */
	.faq,
	.faq .question,
	.faq .answer{
		display:block;
		width:auto;
	}	
	.faq .question h2{
		font-size:1.6em;
		text-align:left;
		margin-bottom:20px;
	}
	.faq .answer{
		padding-left:0;
	}
	
	/* Reformat contribute */
	.contribute-content{
		padding:20px 50px;
	}
	
	/* Reformat footer */
	.main-footer a{
		display:block;
	}
	
	
}