/*-- Media Queries --*/

#christ-health-rendering-mobile {
	display:none;
}


@media (max-width: 1550px) {
	header {
		background:#49585b;
		width:-webkit-calc(100% - 600px);
		width:-moz-calc(100% - 600px);
		width:calc(100% - 600px);	
	}

	#christ-health-rendering {
		position:absolute;
		left:calc(100% - 600px);
		top:0;
	}	
}


@media (max-width: 1400px) {
	#restoration {
		width:100%;
	}

	#restoration .container {
		padding:0 40px 0 70px;
	}

	#restoration .two-columns {
		grid-template-columns:600px 1fr;
	}

	#restoration img {
		width:100%;
	}

	.tier {
		width:100%;
	}

	.tier::before {
		width:100%;
	}
}


@media (max-width: 1315px) {
	h1 {
		font-size:55px;
		line-height:59px;
	}

	#logo {
		top:60px;
		left:50px;
	}

	header .container {
		padding:200px 60px 0 50px;
	}

	.two-columns {
		grid-template-columns:530px 1fr;
		column-gap:70px;
	}

	#intro {
		width:100%;
	}

	.lines {
		width:570px;
		top:45px;
	}

	footer {
		width:100%;
		padding:40px 0 50px 600px;
	}
}


@media (max-width: 1215px) {
	h4 {
		margin:0 0 15px 0;
	}

	#logo {
		top:40px;
		left:40px;
	}

	header {
		width:100%;
		padding-bottom:50px;
	}

	header .container {
		padding:160px 40px 0 40px;
	}

	#restoration .container {
		padding:0 40px;
	}

	#restoration .two-columns {
		grid-template-columns:1fr;
	}

	#restoration .two-columns .col {
		margin:0 0 70px 0;
	}

	#christ-health-rendering {
		display:none;
	}

	#christ-health-rendering-mobile {
		display:block;
	}

	.two-columns {
		grid-template-columns:480px 1fr;
		column-gap:60px;
	}

	#intro .container {
		padding:70px 40px;
	}

	#intro .two-columns {
		grid-template-columns:1fr;
	}

	#intro .two-columns .col:nth-child(1) {
		width:550px;
		grid-row:2;
	}

	#intro .two-columns .col:nth-child(2) {
		grid-row:1;
		margin:0 0 50px 0;
	}

	#restoration img {
		width:550px;
	}

	.lines {
		width:510px;
		top:35px;
	}

	footer {
		padding:30px 0 40px 540px;
	}
}


@media (max-width: 1000px) {
	#logo {
		width:270px;
	}

	.two-columns {
		grid-template-columns:1fr;
	}

	.two-columns .col:nth-child(1) {
		grid-row:2;
		padding-left:40px;
	}

	.two-columns .col:nth-child(2) {
		grid-row:1;
		padding:0 0 50px 40px;
	}

	#intro img {
		width:500px;
	}

	#intro .container {
		padding-bottom:70px;
	}

	#intro .caption {
		padding-left:0;
	}

	#restoration .two-columns .col:nth-child(1) {
		grid-row:1;
		padding:0;
	}

	#restoration .two-columns .col:nth-child(2) {
		grid-row:2;
		padding:0;
	}

	.lines {
		width:60px;
	}

	footer {
		padding:30px 0 40px 80px;
	}
}


@media (max-width: 850px) {
	#christ-health-rendering-mobile {
		width:100%;
	}

	#logo {
		left:20px;
	}

	header .container {
		padding:150px 20px 0 20px;
	}

	#intro .container {
		padding:50px 20px 50px 0;
	}

	.two-columns .col:nth-child(2) {
		padding-left:20px;
	}

	#restoration br {
		display:none;
	}

	#restoration .container {
		padding:0 20px;
	}

	.two-columns .col:nth-child(1) {
		padding-left:20px;
	}
}


@media (max-width: 650px) {
	#intro .two-columns .col:nth-child(1) {
		width:100%;
	}

	#restoration img {
		width:100%;
	}

	#intro img {
		width:100%;
	}
}


@media (max-width: 550px) {
	h1 {
        font-size:45px;
        line-height:49px;
    }

    #intro img {
    	width:100%;
    }
}

@media (max-width: 450px) {
	h1 {
        font-size:35px;
        line-height:39px;
    }

    h2 {
    	font-size:30px;
    	line-height:35px;
    }

    h4 {
    	font-size:14px;
    }

    p {
    	font-size:18px;
    	line-height:26px;
    }

    .giving-header,
    .giving-row,
    .giving-total {
		grid-template-columns:80px 30px 1fr;
		gap:2px;
    }

    .giving-header {
		font-size:14px;
		letter-spacing: 0.1em;
    }

    .giving-row,
    .giving-total {
    	font-size:16px;
    	line-height:21px;
    }

    footer p {
    	font-size:16px;
    	line-height:24px;
    }
}