@charset "utf-8";
/* CSS Document */

/*https://coliss.com/articles/build-websites/operation/css/css-responsive-full-background-image-by-sixrevisions.html*/

html{
	line-height: 1.5;
    font-size: 16px;
    font-family: "M PLUS 1p", sans-serif;
    font-weight: 100;
}

body{
	background: #f0f0f0;
}

body::-webkit-scrollbar{
	display: none;
}

#outwrapper{
	position: relative;
}

#header {
	height: 100vh;
	background: url("images/maxiiimalmobile.png") no-repeat ;	
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
	animation: zoom 4s cubic-bezier(.25,.1,.25,1) forwards;
}


@keyframes zoom {
   0% {
     transform: scale(1.2);
   }
   100% {
     transform: scale(1);
   }
}



@media screen and (min-width: 768px){
	#header {
		height: 100vh;
		background: url("images/maxxximalfull.png") no-repeat ;	
		background-position: center center;
		background-size: cover;
		background-attachment: fixed;
	}
}