@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,400,600,900);

::-moz-selection{
	background: #9f0038;
}

::selection{
	background: #9f0038;
}

html, body{
	height: 100%;
	width: 100%;
	font-family: 'Source Sans Pro', sans-serif;
	padding:0;
	margin:0;
	background-image:url('../img/author-intro-l-q60.jpg');
	background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-position:left -200px;
    background-repeat:no-repeat;
}

.main{
	width:65%;
	float:right;
	text-align:center;
	position:relative;
	top:50%;
	margin-top:-120px;
}

h1 {
	font-weight:600;
	font-size:30px;
	text-align:center;
}

h1 span{
	font-weight:300;
	font-size:60px;
	display:block;
}

a{
	/*border: 1px solid #3f3f3f;*/
	font-weight: 400;
	font-size: 14px;
	text-transform: uppercase;
	padding: 5px 10px;
	display:inline-block;
	color: #fff;/*1e1e1e;*/
	border-radius: 3px;
	text-decoration: none;
	background: #000;
		-webkit-transition: background 1s ease-out;
		        transition: background 1s ease-out;
	margin-bottom: 15px;
}
a:hover{
		background: #9f0038;
		text-decoration: none;
}

@media screen and (max-width: 980px){
	html, body{ background-position: left -80px; }
	h1{ font-size:1.3em; }
	h1 span{ font-size:2.3em; }
}

.only-small { display:none; }
@media screen and (max-width: 667px){
	html, body{ background-position: left -20px; }
	.main { top:37%; }
	.only-small { display:block; }
}