html, body {
	font-family: 'Raleway', serif;
	padding:0;
	margin:0;
	background-color: white;
	width: 100%;
	height:100%;
	overflow: hidden;
	color:#120068;
	min-height: 530px;
}

h1 {
	padding: 0;
	margin: 0;
}

html {

	overflow-y:auto;
	min-height: 530px;
}

body {
	overflow:hidden;
	min-height: 530px;
	
}


body *, body :after, body :before {
	box-sizing: border-box;
}


#main {
	width:100%;
	height:100%;
}

#logo {
	width:10%;
	min-width: 200px;
	display:block;
	margin:auto;
	padding:0;
	top:5%;
	left:5%;
	position: fixed;
}


.contact {
	margin:auto;
	position: relative;
	background:url("../images/contact.svg") no-repeat;
	max-width: 130px;
	width: 80%;
	height: 70px;
	background-size: contain;
	margin-left: 10px;
	background-position: center;
	max-height: 50px;
}

.behance {
	margin:auto;
	position: relative;
	background:url("../images/behance.svg") no-repeat;
	min-width: 18px;
	height: 11px;
	background-size: contain;
	background-position: center;
}

.linkedin {
	margin:auto;
	position: relative;
	background:url("../images/linkedin.svg") no-repeat;
	min-width: 20px;
	height: 13px;
	background-size: contain;
	background-position: center;
	margin-left: 0 !important;
}

.space {
	width: 100%;
}


.icon {
 	margin-left: 14px;
}


.logotype {
	background:url("../images/pawelcichon-logo-copyrighted.svg") no-repeat;
	position: fixed;
	background-size: auto;
	max-width:160px;	
	width:40%;
	height:63px;
	left:10px;
	top:30px;
}

.logotype-back {
	width:50%;
	height:140px;
	position: fixed;
}

.tagline {
	background:url("../images/tagline.png") no-repeat;
	position: fixed;
	background-size: 90%;
	width:50%;
	height: 100%;
	background-position: 10px 100px;
}

.back {
	background:url("../images/background.png") repeat-y;
	position: fixed;
	background-size: cover;
	margin: auto;
	right:0;
	top:0;
	width:50%;
	height:100%;	
}

.contact-back {
	width: 50%;
	height:160px;
	position: fixed;
	bottom: 0;
	display: flex;
	left: 0;
}

.social-back {
	height:30px;
	position: fixed;
	bottom: 40px;
	display: flex;
	left: 10px;
}

.photo {
	background:url("../images/pawelcichon.jpg");
	margin:auto;
	font-family: 'Raleway';
	font-size:11px;
	position: fixed;
	right:0;
	top:0;
	width:100%;
	height:100%;	
	background-position: top;
	background-repeat: no-repeat;
	background-size: auto;
	position: relative;
}

a {
	color:#00AEEF;
}

a:hover {
	color:#00AEEF;
	text-decoration:none;
}

@media (min-width: 1400px) {

	.tagline {
		background-position: 50px 200px;
	}

	.logotype {
		max-width:240px;
		left:60px;
		top:60px;
	}

	.contact-back {
		left: 50px;
		height: 180px;
	}

	
	.contact {
		min-width: 160px;
	}
	

	.icon {
		margin-left: 20px;
	}

	.behance {
		min-width: 23px;
		height: 16px;
	}

	.linkedin {
		min-width: 16px;
		height: 18px;
	}

	.social-back {
		height:30px;
		position: fixed;
		bottom: 46px;
		display: flex;
		left: 60px;
	}	

 }