.intro {
	background: url('../img/home_header.jpg') no-repeat top right;
	background-size: cover;
	min-height: 600px;
	height: 100%;
}

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

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

main .cols:nth-of-type(2) .col:nth-of-type(1) img,
main .cols:nth-of-type(3) .col:nth-of-type(2) img {
	opacity: 0;
	transition: all ease-in-out .25s;	
}

main .cols:nth-of-type(2).anim .col:nth-of-type(1) img,
main .cols:nth-of-type(3).anim .col:nth-of-type(2) img {
	opacity: 1;
}

@-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),
main .cols:nth-of-type(2) .col:nth-of-type(2) {
	padding: 120px 40px 40px 40px;	
}

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

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

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

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

main .cols:nth-of-type(2) .col:nth-of-type(1) {
	background: url('../img/close-up-shot-smiling-charming-caucasian-elderly-lady-with-blue-eyes-gray-gathered-hair-wrinkles-posing-indoors.jpg') no-repeat top right;
	background-size: cover;
	
}

main .cols:nth-of-type(3) {
	background: #eae5e2;
}

main .cols:nth-of-type(3) .col:nth-of-type(2) {
	background: url('../img/nurse-showing-something-senior-female-patient-digital-tablet.jpg') no-repeat top left;
	background-size: cover;
}

.slick-prev, .slick-next {
	display: none !important;
}
/*
main .cols:nth-of-type(1) .col:nth-of-type(2):before,
main .cols:nth-of-type(2) .col:nth-of-type(1):before,
main .cols:nth-of-type(3) .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: absolute;
	top: -80px;
	right: -20%;
	width: 110%;
	height: 100%;
	z-index: -1;
	transform: rotate(-60deg);
}
*/

main .cols:nth-of-type(2) .col:nth-of-type(1):before {
	width: 80%;
	transform: rotate(0deg);
	top: 100px;
	right: 10%;	
}

main .cols:nth-of-type(3) .col:nth-of-type(2):before {
	width: 80%;
	transform: rotate(140deg);
	top: 80px;
	right: 25%;	
}

.soon {
	font-size: 50px;
	font-weight:  700;
	margin-left: auto;
	margin-right: auto;
	transform: rotate(10deg);
	width: 225px;
	margin-top: 100px;
	border: 1px solid #666;
	text-align: center;
	padding: 10px;
}

@media only screen and (max-width: 800px) {
	
	.type-switch {
/* 		white-space: nowrap; */
	}
	
	.button.bordered, 
	a.button.bordered, 
	a:link.button.bordered, 
	a:visited.button.bordered {	
		background: #FFF;	
	}
	
	.intro {
		background-size: 170% auto;
		padding-top: 75%;
		height: auto;
	}
	
	main .cols:nth-of-type(1) .col:nth-of-type(1),
	main .cols:nth-of-type(2) .col:nth-of-type(2),
	main .cols:nth-of-type(3) .col:nth-of-type(1),
	main .cols:nth-of-type(4) .col:nth-of-type(1),	
	main .cols:nth-of-type(4) .col:nth-of-type(2) {
		padding: 20px;
	}
	
	main .cols:nth-of-type(1) .col:nth-of-type(2) {
		padding: 20px 0px 20px 20px
	}
	
	main .cols:nth-of-type(2) .col:nth-of-type(1),
	main .cols:nth-of-type(3) .col:nth-of-type(2) {
		display: none;
	}

	
	main .cols:nth-of-type(1) .col:nth-of-type(1) {
		padding-top: 100px;
	}
	
	main .cols:nth-of-type(1) .col:nth-of-type(2):before {
		height: 450px;
	}

}
