@media screen and (max-width: 1400px) {
	h1 {
		font-size: 42px;
		line-height: 46px;
	}
	
	a.appointment-button span:before{
		margin-right: 12px;
		width: 29px;
		height: 24px;
	}
}
@media screen and (max-width: 1300px) {
	h1 {
	    font-size: 38px;
		line-height: 41px;
	}
	
	.subline{
		font-size: 16px;
		line-height: 21px;
	}
	
	.top-inline-info .top-text {
		padding: 40px 35px;
	}
}
@media screen and (max-width: 1024px) {
	h1{
		font-size: 38px;
		line-height: 44px;
	}

	h2{
		font-size: 17px;
		line-height: 20px;
	}

	h3{
		font-size: 17px;
		line-height: 20px;
	}
	
	.subline {
		font-size: 17px;
		line-height: 20px;
		display: inline-block;
		padding-bottom: 8px;
	}
	
	.top-inline-info .top-text {
		padding: 20px 30px;
	}
	
	.map-infos{
		padding-bottom: 60%;
	}
	
	body.dual-mode .top-inline-info .inner{
		left: 50%;
		transform: translate(-50%,-50%);
		text-align: center;
	}

	body.dual-mode .top-inline-info.left .top-text{
		border: 2px solid #fff;
		border-bottom: 0 none;
	}

	body.dual-mode .inline-box{
		display: block;
		width: auto;
		float: none;
	}

	body.dual-mode .contact-infos .inline-box .inner{
		text-align: center;
	}
	
	footer{
		width: auto;
	}
}

@media screen and (max-width: 600px) {
	h1{
		font-size: 25px;
		line-height: 30px;
	}

	
	.contact-infos .inline-box .inner{
		width: 80%;
	}
	
	.subline {
		font-size: 14px;
		line-height: 18px;
		padding-bottom: 2px;
	}
	
	a.appointment-button{
		padding: 14px;
		font-size: 13px;
	}
	
	a.appointment-button span:before{
		width: 36px;
		height: 23px;
	}
	
	footer .footer-inline.footer-right,
	footer .footer-inline.footer-middle,
	footer .footer-inline{
		display: block;
		text-align: center;
		float: none;
		width: auto;
		margin-bottom: 35px;
	}
}

@media screen and (max-width: 300px) {
	body{
		word-wrap: break-word;
	}
}