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

@media only screen and (max-width: 1200px) {
	
	/*  ids  */
	#contact-bar #hint { display: none; }
	#contact-bar #address { display: none; }
	
}

@media only screen and (max-width: 1000px) {
	.desktop-only { display: none; }
	
	/*  tags  */
	body
	{
		-webkit-text-size-adjust: none;
	}
	
	
	/*  ids  */
	#logo
	{
		width: 230px;
		margin-left: 1rem;
		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;
	}

}


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

	/*  tags  */
	footer.margin-small-height
	{
		padding: 2rem;
	}
	footer .center
	{
		overflow: visible;
	}
	
	/*  ids  */
	#contact-bar #email { display: none; }
	
	#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: 172px;
	}
	
	#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;
	}
	h3
	{
		font-size: 1.25rem;
	}
	h4
	{
		font-size: 1.1rem;
	}
	
	p, ul, ol
	{
		font-size: 1.0rem;
	}
	ul, ol
	{
		padding-left: 2rem;
	}

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

	/*  classes  */

}