main {
	width: 100%;
	overflow: hidden;
	z-index: 2;
}

main .cols {
	width: 150%;
	transition: all ease-in-out .5s;	
}

main .cols.switch {
	margin-left: -50%;
}

main .cols .col {
	flex: 1 33%;
	min-width: 33%;
}

main .cols:nth-of-type(1) .col:nth-of-type(2) {
	text-align: center;
}

main .cols:nth-of-type(1) .col:nth-of-type(2) img {
	animation-name: anim-illustration;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-duration: 30s;
	padding-top: 20%;
}


@-webkit-keyframes anim-illustration {
  from {
	  transform: scale(1,1);
  }
  to {
	  transform: scale(1.2,1.2);	  
  }
}
  
main .cols:nth-of-type(1) .col:nth-of-type(1) {
	padding: 80px 40px 40px 40px;	
}

main .cols:nth-of-type(1) .col:nth-of-type(2) {
	padding: 80px 0px 0px 0px;	
}

main .cols:nth-of-type(1) .col:nth-of-type(3) {
	padding: 80px 40px 0px 0px;	
}

main .cols:nth-of-type(1) .col:nth-of-type(2):before {
	background-image: url('../img/accompatient-pattern.svg');
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: right top;
	content: "";	
	display: block;	
	position: fixed;
	top: -80px;
	right: -10%;
	width: 70%;
	height: 120%;
	z-index: -1;
	transform: rotate(-50deg);
}

.button.social {
	margin-right: 20px;
}

.password-checker {
	padding-bottom: 30px;
	display: none;
}

.password-checker .rule {
	font-size: 12px;
}

@media only screen and (max-width: 800px) {

	main .cols {
		width: 200%;	
	}

	main .cols.switch {
		margin-left: -100%;
	}
	
	main .cols:nth-of-type(1) .col:nth-of-type(1),
	main .cols:nth-of-type(1) .col:nth-of-type(3) {
		padding: 20px;
	}
	
	main .cols:nth-of-type(1) .col:nth-of-type(2) {
		display: none;
	}
		
	main .cols:nth-of-type(1) .col:nth-of-type(1),
	main .cols:nth-of-type(1) .col:nth-of-type(3) {
		padding-top: 80px;
	}
	
	main .cols:nth-of-type(1) .col:nth-of-type(2):before {
		height: 450px;
	}
	
	main .cols .col {
		flex: 1 50%;
		min-width: 50%;
	}

}