/* CSS Document */

html {
	height: 100%;	
}

body {
	background: #080705; 
	margin: 0px;
	height: 100%;
}

#Banner {
	position: fixed;
	background-image: url(../Images/Banner.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
	width: 100%;
	min-height: 800px;
	height: 100%;
	margin-top: auto;
	margin-bottom: auto;	
}

#Me {
	width: 250px;
	height: 250px;
	background-image: url(../Images/Me.png);
	background-size: contain;
	position: fixed;
	left: 40px;
	top: 40px;
	z-index: 50;
}

#Bar {
	background-color: #130C05;
	height: 40px;
	position: fixed;
	width: 100%;
	top: 130px;
}

#SocialImage {
	position: fixed;
	z-index: 10;
	left: 250px;
	top: 60px;	
	transform:rotate(-12deg);
	-ms-transform:rotate(-12deg);
	-webkit-transform:rotate(-6deg); 
}

#Saying1 {
	background-image: url(../Images/Saying1.png);
	background-repeat: no-repeat;
	position: fixed;
	width: 1261px;
	height: 865px;
	right: -350px;
	top: -200px;	
	z-index: 9;
	display: none;
}

@media only screen and (max-width:600px) {
	#Me {
		width: 80px;
		height: 80px;
		left: 10px;
		top: 10px;
	}
	
	#SocialImage {
		display: none;
	}
	
}