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

    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: 225px;} /*original width: 140px;*/

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

	/* your CSS here */


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

    RESPONSIVE DEFINITIONS

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

    /* -------------------------------------------------------------------------
        LARGE DEVICES
		devices with width between 1024px and 1280px
    ------------------------------------------------------------------------- */

    @media ( max-width: 1280px ) {

		/* your CSS here */
        .c-slider {height:450px;}  .slide{display:none;background-position:center;background-repeat:no-repeat;background-size:cover;height:450px}
	}

    /* -------------------------------------------------------------------------
        MEDIUM DEVICES
		devices with width between 991px and 1024px
    ------------------------------------------------------------------------- */
	
	@media ( max-width: 1024px ) {

		/* your CSS here */
        .c-slider {height:374px;}  .slide{display:none;background-position:center;background-repeat:no-repeat;background-size:cover;height:374px}
	}

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

    @media ( max-width: 991px ) {

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

		/* your CSS here */
        .c-slider {height:500px;}  .slide{display:none;background-position:center;background-repeat:no-repeat;background-size:cover;height:500px}
	}

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

    @media ( max-width: 767px ) {

		/* your CSS here */
		.c-slider {height:374px;}  .slide{display:none;background-position:center;background-repeat:no-repeat;background-size:cover;height:374px}

	}

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

	@media ( max-width: 480px ) {

		/* your CSS here */
		.c-slider {height:300px;} .slide{display:none;background-position:center;background-repeat:no-repeat;background-size:cover;height:300px}

	}