html, body{padding:0;margin:0;width: 100%;height: 100%;font-family: 'Montserrat', sans-serif;background: #4522a8}
*{box-sizing:border-box;}
a{color: inherit;}
section{
	position: relative;
	width: 100%;
	height: 100vh;
	background-image: url(../img/asset-interfy-0.png);
	background-position: 50%;
    -webkit-animation: slide 40s linear alternate infinite;
    will-change: background-position;
}
section .copy{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #FFF;
	position: absolute;
	top: 50%;left:50%;
	transform: translate(-50%,-50%);
}
section .copy h1{font-weight:700;font-size: 90px;text-align: center;line-height: .8;white-space: nowrap;letter-spacing: -.03em;}
section .copy p{font-weight: 400;font-size: 13px;}
section .copy img{
	display: block;
	margin: 50px 0 30px;
}
@media (max-width: 600px) {
	section .copy h1{font-size: 50px;}
	section{background-size: auto 180%}
}

@-webkit-keyframes slide {
    0% { background-position: 50% 50%; }
    100% {background-position:  10% 90%;}
}