@charset "UTF-8";

#section01 {
	background: transparent url('/dialysis/img/bg_section01.jpg') no-repeat center center;
	background-size: cover;
}

.doorpage #section02 {
	background: transparent url('/dialysis/img/bg_section02.jpg') no-repeat center center;
	background-size: cover;
	color: #fff;
}

.doorpage #section03 {
	background: transparent url('/dialysis/img/bg_section03.jpg') no-repeat center center;
	background-size: cover;
	color: #333;
}

.doorpage #section04 {
	background: transparent url('/dialysis/img/bg_section04.jpg') no-repeat center center;
	background-size: cover;
}

section .container .half_box {
	width: 53%;
}

	section .container .btn {
		margin: 30px 0 0;
		max-width: 250px;
	}


/*---------------------- responsive styles -----------------------*/
@media screen and (max-width:980px) {
	.doorpage #section02 {
		background-position:60% 40%; 
	}
	
	.doorpage #section03 {
		background-position:7% 40%;
	}
	.doorpage #section03 p{
		text-shadow: 0px 0px 3px #fff,0px 0px 3px #fff,0px 0px 3px #fff,0px 0px 3px #fff;
	}
	.doorpage #section03 .h03{
		text-shadow: 0px 0px 3px #fff,0px 0px 3px #fff,0px 0px 3px #fff,0px 0px 3px #fff;
	}
	
	.doorpage #section04 {
		background-position:70% 40%;
	}
}

/*---------------------- responsive styles -----------------------*/
@media screen and (max-width:480px) {
	section .container .half_box {
		width: 100%;
	}
	
	.doorpage #section02 {
		background-position:60% 40%; 
	}
	
	.doorpage #section03 {
		background-position:7% 40%;
	}
	.doorpage #section03 p{
		text-shadow: 0px 0px 3px #fff,0px 0px 3px #fff,0px 0px 3px #fff,0px 0px 3px #fff;
	}
	.doorpage #section03 .h03{
		text-shadow: 0px 0px 3px #fff,0px 0px 3px #fff,0px 0px 3px #fff,0px 0px 3px #fff;
	}
	
	.doorpage #section04 {
		background-position:70% 40%;
	}


}