/* -----------------------------------------------------------------------------

    This file should be used to add your own CSS definitions or override
	the existing ones.

----------------------------------------------------------------------------- */

	/* FONT */
	/* body { font-family: 'insert-font-family-name-here', 'Arial', sans-serif; } */

	/* STANDARD LOGO DIMENSIONS */
	.header-branding img { width: 140px; }

	/* LARGE LOGO DIMENSIONS */
	.header-branding.m-large-logo img { width: 200px; }
	/* Scroll down to "MEDIUM DEVICES" to change width of large logo on mobile devices */

	/* your CSS here */

	.contact-cards {
		display: flex;
		flex-wrap: wrap;
	}

	.contact-cards:before,
	.contact-cards:after {
		display: none;
		content: none;
	}

	.contact-cards > [class*="col-"] {
		display: flex;
		float: none;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.contact-cards .c-feature,
	.contact-cards .c-content-box {
		width: 100%;
	}

	.contact-cards .c-content-box {
		height: 100%;
	}

	.contact-cards .feature-content {
		overflow-wrap: break-word;
	}

	.leaflet-container {
		font: 12px/1.4 "Source Sans Pro", Arial, sans-serif;
		z-index: 1;
	}

	.leaflet-container img {
		max-width: none !important;
	}

	.leaflet-bar a {
		color: #333;
		background-color: #fff;
	}

	@media (min-width: 768px) {
		.contact-cards > [class*="col-"] {
			flex: 0 0 50%;
			max-width: 50%;
		}
	}


/* -----------------------------------------------------------------------------

    RESPONSIVE DEFINITIONS

----------------------------------------------------------------------------- */

    /* -------------------------------------------------------------------------
        LARGE DEVICES
		devices with width between 992px and 1199px
    ------------------------------------------------------------------------- */

    @media ( max-width: 1199px ) {

		/* your CSS here */

	}

    /* -------------------------------------------------------------------------
        MEDIUM DEVICES
		devices with width between 768px and 991px
    ------------------------------------------------------------------------- */

    @media ( max-width: 991px ) {

		/* LARGE LOGO DIMENSIONS */
		.header-branding.m-large-logo img { width: 140px; }

		/* your CSS here */

	}

	/* -------------------------------------------------------------------------
        SMALL DEVICES
		devices with width between 481px and 767px
    ------------------------------------------------------------------------- */

    @media ( max-width: 767px ) {

		/* your CSS here */

	}

	/* -------------------------------------------------------------------------
        EXTRA SMALL DEVICES
		devices with width up to 480px
    ------------------------------------------------------------------------- */

	@media ( max-width: 480px ) {

		/* your CSS here */

	}