@media only screen and (min-width: 1001px) {
	.mobile-only { display: none; }
}

@media only screen and (max-width: 1000px) {
	.desktop-only { display: none; }
	
	/*  tags  */
	html
	{
		scroll-padding-top: 80px;
	}
	body
	{
		-webkit-text-size-adjust: none;
	}
	header
	{
		background: transparent;
		box-shadow: none;
	}
	header > .center
	{
		height: 80px;
	}
	main
	{
		padding-top: 0;
	}
	
	
	/*  ids  */
	#logo
	{
		width: 180px;
		margin-left: 1rem;
		padding: 1rem;
	}
	header.sticky #logo
	{
		width: 90px;
		padding: 0.5rem;
	}	
	
	footer .center
    {
        grid-template-columns: 1fr;
    }
	#footer-address
	{
		margin-bottom: 0;
	}
	
	#google-map-canvas
	{
		height: 25rem;
	}

	/*  classes  */
	.slider:after
	{
		padding-top: 70%;
	}
	
	.margin
	{
		padding: 5rem;
	}
	.margin-small-width
	{
		padding: 5rem 2rem;
	}
	.margin-small-height
	{
		padding: 3rem 5rem;
	}


	/* Steps stacked: notch on top, point at the bottom */
	.steps
	{
		flex-direction: column;
		max-width: 560px;
		margin: 1rem auto 0;
	}
	.steps li
	{
		padding: calc(var(--arrow) + 1.5rem) 1.5rem;
		clip-path: polygon(0 0, 50% var(--arrow), 100% 0, 100% calc(100% - var(--arrow)), 50% 100%, 0 calc(100% - var(--arrow)));
	}
	.steps li + li
	{
		margin-left: 0;
		margin-top: calc(var(--arrow) * -1 + 1rem);
	}

	.tiles
	{
		grid-template-columns: repeat(2, 1fr);
	}

}


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

	/*  tags  */
	h1, h2
	{
		font-size: 2rem;
	}
	h1 + h2
	{
		font-size: 1.5rem;
	}
	footer.margin-small-height
	{
		padding: 2rem;
	}
	footer .center
	{
		overflow: visible;
	}
	
	/*  ids  */
	#footer-map
	{
		margin-left: -2rem;
		margin-right: -2rem;
		width: auto;
	}
	
	#google-map-canvas
	{
		height: 50vh;
	}
	
	/*  classes  */
	.slider:after
	{
		padding-top: 80%;
	}
	
	.col3
	{
		width: 100%;
		float: none;
	}
	.col3:not(:last-child)
	{
		margin-bottom: 5rem;
	}
	.mailform > p:nth-child(3n+1),
	.mailform > p:nth-child(3n+2),
	.mailform > p:nth-child(3n+3)
	{
		float: none;
		width: 100%;
		margin: 0 auto !important;
	}
	
}


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

	/*  tags  */

	
	/*  ids  */
	#logo
	{
		width: 140px;
	}
	
	#google-map-canvas
	{
		height: 60vh;
	}

	/*  classes  */
	.margin
	{
		padding: 2rem;
	}
	.margin-small-width
	{
		padding: 2rem 1rem;
	}
	.margin-small-height
	{
		padding: 2rem 2rem;
	}
	
	.gallery a
	{
		width: 33.3334%;
	}
}


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

	/*  tags  */
	h1, h2
	{
		font-size: 1.5rem;
	}
	h1 + h2
	{
		font-size: 1.25rem;
	}
	.tiles
	{
		grid-template-columns: 1fr;
	}
	h3
	{
		font-size: 1.25rem;
	}
	h4
	{
		font-size: 1.1rem;
	}
	
	p, ul, ol,
	.arrow-bullets
	{
		font-size: 1.0rem;
	}
	.arrow-bullets li
	{
		padding-left: 1.5rem;
	}
	.arrow-bullets li:before
	{
		font-size: 1.5rem;
	}
	ul, ol
	{
		padding-left: 2rem;
	}

	
	/*  ids  */
	#logo
	{
		width: 110px;
		padding: 0.75rem;
		margin-left: 0.5rem;
	}

	/*  classes  */

}