/* CSS Document */

.wraplogo{
	position:absolute;
	top:0;
	left:10%;
	max-width:200px;
}

.wraplogo .logo{
	max-width:100%;
}

 .text{
	position:absolute;
	bottom:25%;
	left:10%;
}


.fa{
	margin-right:10px;
	font-size:30px;
	font-weight:500;
	opacity:1;
	height:40px;
	line-height:40px;
}

.fa:hover{
	opacity:0.7;
}

.bg{
	position:fixed;
	background-size:cover;
}

@media all and (max-width:720px)
{
	.bg{
		background-position: -350px 0;
	}
}

@media all and (max-width:640px)
{
	.bg{
		background-position: -400px 0;
	}
}


@media all and (max-width:480px)
{
	.bg{
		background-position: -520px 0;
	}
}



/* footer */

.footer{
	padding:50px 0;
	text-align:center;
	font-size:0.9em;
	width:100%;
}

#footer-svg{
	position:fixed;
	bottom:-30px;
	left:0;
	right:0;
}

@media all and (max-width:1280px){
	
	.text{
		bottom:25%;
	}
	.text h1{
		font-size:22px;
		margin-bottom:10px;
	}
	
	.text h2{
		font-size:20px;
		margin-bottom:10px;
	}
	
	.text h3{
		font-size:18px;
		margin-bottom:10px;
	}
	
	#footer-svg{
		position:fixed;
		bottom:-10px;
		left:0;
		right:0;
	}

}

@media all and (max-width:1100px){
	
	
	#footer-svg{
		position:fixed;
		bottom:-10px;
		left:0;
		right:0;
	}

}

@media all and (max-width:800px){
	
	.text{
		bottom:0;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+49,fcfcfc+49 */
		background: #000000; /* Old browsers */
		background: -moz-linear-gradient(8deg, rgba(0,0,0,0.8) 75%, rgba(0,0,0,0) 75%); /* FF3.6-15 */
		background: -webkit-linear-gradient(8deg,  rgba(0,0,0,0.8) 75%,rgba(0,0,0,0) 75%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(8deg, rgba(0,0,0,0.8) 75%,rgba(0,0,0,0) 75%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		

		position:fixed;
		z-index:2;
		padding:15% 5% 10% 5%;
		left:0;
		right:0;
	}
	
	.text h1{
		font-size:18px;
		margin-bottom:10px;
	}
	
	.text h2{
		font-size:16px;
		margin-bottom:10px;
	}
	
	.text h3{
		font-size:14px;
		margin-bottom:10px;
	}
	
	.wraplogo{
		max-width:100px;
		margin:auto;
		position:relative;
		margin-left:5%;
		left:auto;
	}
	
	.projects .project .big{
		-webkit-box-shadow: 0px 10px 44px -2px rgba(0,0,0,0.55);
		-moz-box-shadow: 0px 10px 44px -2px rgba(0,0,0,0.55);
		box-shadow: 0px 10px 44px -2px rgba(0,0,0,0.55);
	}
	
	.fa{
		font-size:20px;	
	}
	
	.line{
		left:13%;
		top:85px;
		display:none;
	}

	#footer-svg{
		position:fixed;
		bottom:-1px;
	}
	
	
	
}