body {

	background-color: #F2F2F2;
	
	 overflow-y: auto;
	}
	
	
#Logo {
	
	position: absolute;
    left: 50%;
    transform: translatex(-50%);
    top: 60px;
	
	
	
}

#Osoite {
	position: absolute;
    left: 50%;
    transform: translatex(-50%);
	top: 454px;

	
}

#sPosti {
	position: absolute;
    left: 50%;
    transform: translatex(-50%);
	top: 535px;

}

#Puhelin {
	position: absolute;
    left: 50%;
    transform: translateX(-50%);
	top: 572px;
	
}
#Ytunnus {
	position: absolute;
    left: 50%;
    transform: translateX(-50%);
	top: 607px;
	
}
#Instagram{
	position: absolute;
    left: 46%;
    transform: translateX(-46%);
	top: 671px;
	margin-bottom: 50px;
	
}
#Linkdin {	
	position: absolute;
    left: 54%;
    transform: translateX(-54%);
	top: 671px;
}
	



@media screen and (max-width: 2600px) {
 #Logo {
	
	position: absolute;
	width: 200px;
	height: 87px;
    top: 50px;
	
}

#Osoite {
	position: absolute;
	width: 300px;
	height: 44px;
    left: 50%;
    transform: translatex(-50%);
	top: 200px;

	
}

#sPosti {
	position: absolute;
	width: 300px;
	height: 20px;
    left: 50%;
    transform: translatex(-50%);
	top: 250px;

}

#Puhelin {
	position: absolute;
	width: 300px;
	height: 20px;;
    left: 50%;
    transform: translateX(-50%);
	top: 275px;
	
}
#Ytunnus {
	position: absolute;
	width: 300px;
	height: 20px;
    left: 50%;
    transform: translateX(-50%);
	top: 300px;
	
}
#Instagram{
	position: absolute;
	width: 50px;
	height: 50px;
    left: 48%;
    transform: translateX(-48%);
	top: 400px;
	padding-right:30px;
	
}
#Linkdin {	
	position: absolute;
	width: 50px;
	height: 50px;
    left: 52%;
    transform: translateX(-52%);
	top: 400px;
	padding-left: 30px;
}




}
@media screen and (max-width: 750px) {

	
}
@media screen and (max-width: 650px) {
	#Instagram{
	position: absolute;
	width: 50px;
	height: 50px;
    left: 44%;
    transform: translateX(-44%);
	top: 400px;
	padding-right:30px;
	
}
#Linkdin {	
	position: absolute;
	width: 50px;
	height: 50px;
    left: 56%;
    transform: translateX(-56%);
	top: 400px;
	padding-left: 30px;
}


}

/* #### iPhone 5 Portrait or Landscape #### */
@media (device-height: 568px) and (device-width: 320px) and (-webkit-min-device-pixel-ratio: 2){
 #Logo {
	
	position: absolute;
	width: 800px;
	height: 349px;
	
    top: 60px;
	
	
	
}
#Osoite {
	position: absolute;
	width: 850px;
	height: 124px;
    left: 50%;
    transform: translatex(-50%);
	top: 654px;

	
}

#sPosti {
	position: absolute;
	width: 850px;
	height: 57px;
    left: 50%;
    transform: translatex(-50%);
	top: 835px;

}

#Puhelin {
	position: absolute;
	width: 850px;
	height: 57px;
    left: 50%;
    transform: translateX(-50%);
	top: 921px;
	
}
#Ytunnus {
	position: absolute;
	width: 850px;
	height: 57px;
    left: 50%;
    transform: translateX(-50%);
	top: 1007px;
	
}

#Instagram{
	position: absolute;
	width: 180px;
	height: 180px;
    left: 30%;
    transform: translateX(-30%);
	top: 1125px;
	
}
#Linkdin {	
	position: absolute;
	width: 180px;
	height: 180px;
    left: 70%;
    transform: translateX(-70%);
	top: 1125px;
	
}
}