*, body, html {
padding: 0;
margin: 0;
}	
body {
background: #5b9dff;
background-image: url('../img/maisema-upscaled-optimized_v2.jpg');
background-size: cover;
background-repeat: no-repeat; 
background-position: center center;
background-attachment: fixed;
font-family: 'Open Sans', sans-serif, arial;
font-size: 1.5em;
}
#mainwrap {
max-width: 1350px;
margin-top: 20px;
color: #000;
margin: auto;
height: auto;
}
	#header {
	width: 400px;
	color: #000;
	}
	#header img {
	max-width: 100%;
	height: auto;
	margin-top: 20px;
	}
	.menu {
	margin-top: 10px;	
	}
#footerwrap {
height: 238px;
width: 100%;
position: fixed;
bottom: 0;
background:rgba(255,255,255,0);
/*border-top: 2px solid #5b9dff;*/
font-weight: bold;
}
	#footer {
	background:rgba(255,255,255,1);
	max-width: 1350px;
	margin: auto;
	}
		#yhteystiedot {
		float: left;
		}
			#yhteystiedot p {
			color: #fff;
			font-size: 0.85em;
			}
		#copyright {
		float: right;
		padding-top: 20px;
		color: #fff;
		font-size: 0.85em;
		}

.sub-link {
  position: absolute;
  top: 24px;
  right: 32px;
  margin: 0;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  z-index: 100;
}

.sub-link a {
  color: #111111;
  text-decoration: none;
  font-weight: 600;
  border-bottom: 1px solid rgba(17, 17, 17, 0.4);
  padding-bottom: 2px;
  transition: border-color 0.15s ease, opacity 0.15s ease;
}

.sub-link a:hover {
  border-bottom-color: #111111;
  opacity: 0.75;
}

@media (max-width: 768px) {
  .sub-link {
    top: 14px;
    right: 16px;
    font-size: 14px;
  }
}

/* add mobile */

@media screen and (max-width:1400px) {
#header img {
margin-left: 20px;
}
#footerwrap {
margin-left: 20px;
margin-bottom: 20px;
}
#yhteystiedot {
	width: 100%;		
		}
#copyright {
		float: left;
		padding-top: 5px;
		font-size: 0.65em;
}
@media screen and (max-width:450px) {
#header {
width: 250px;
}
}
@media screen and (max-height:400px) {
#footerwrap {
position: relative;	
}
}