@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:100,300&display=swap&subset=latin-ext');

html, body {
		margin: 0;
		padding: 0;
}

body {
		background: url(bg.gif) #262a31;
		background-attachment: fixed;
		color: #aaa;
		text-align:left;
}

.section {
	padding: 100px 0px 30px 5%;
	
}

#focus {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.66);
      /*cursor: url(/fire.png),auto;*/
	  cursor: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}


.title1, .title2 {	
			width:*; 
			float:left; 
			color:#ddd;
			font-family:'Josefin Sans',sans-serif;
			font-size: 46px;
			line-height: 42px;
			margin:0 5px}
.title1 {	font-weight:300; }			
.title2 {	font-weight:100; }

.sub { 		clear:left;
			font-family:'Josefin Sans',sans-serif;
			font-weight:300;
			font-size:16px;
			margin:50px 0 0 7px; 
			padding:2px 0 0 0;
			line-height:23px; 
			border-bottom: 1px solid #aaa;}

.glow {text-shadow: 0px 0px 8px rgba(249,238,210,0.9);} 

.shade {
		position: relative;
		margin: -18px 0 0;
		padding: 0;
		display: block;
		background: url(bg.gif) #262a31;
		width: 100%;
		height: 18px;
		opacity: 0.4;
		z-index:-1;

}

.shine
{
    background:  #999 -webkit-gradient(linear, left top, right bottom, from(#444), to(#444), color-stop(0.5, #fff)) 0 0 no-repeat;
    -webkit-background-size: 100px;
	color: rgba(204,204,204,0);
    -webkit-background-clip: text;
    -webkit-animation-name: shine;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes shine
{    0%    {        background-position: top left;    }
    30%       {        background-position: bottom right;    }
}

.refs { 
	margin: 50px 0 0 0;
	width: 100%;
	/*max-width: 650px;*/
}
.refs img { margin: 0 20px 10px 7px;}