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

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

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

	/* your CSS here */

	.various-content .c-team-member .member-role, .c-team-member .member-role {font-size: 0.875em!important; color: #585858!important; text-transform: none!important;}
	.various-content .c-cta-message h2, .c-cta-message h2 {font-size: 1.5em!important;}
	.various-content h2 {    margin-bottom: 24px!important; padding-left: 15px!important; font-family: "Montserrat",Arial,sans-serif; font-size: 1.875em!important; line-height: normal!important; font-weight: bold!important; text-transform: uppercase!important}
	.various-content h2:before {background-color: ##C20A4E!important; content: ''!important;     display: block!important;    position: absolute!important;    left: 0!important;    top: 9px!important;    width: 5px!important;    height: 21px!important;}
	.various-content .c-team-member .member-portrait, .c-team-member .member-portrait,.c-button, .c-testimonial .testimonial-portrait,.c-service .service-image a:before, #main-slider .slider-indicator>span, #main-slider .slider-pause-btn {background-image: none!important;}
	.header-branding {background-color: rgba(255,255,255,.5);}
	#header {background-image: none!important;}
	#page-header {margin-bottom: 50px;}
	.header-search .search-input {width: 150px;}

	.header-menu ul li a {
    font: 1.125em "Montserrat",Arial,sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    display: block;
    text-align: right;
    }

    .various-content .c-cta-message h2, .c-cta-message h2:before {top: 5px!important;}


.header-menu ul li ul li a
{
    text-align: left;
text-transform: none;
}

#bottom-panel {background: none!important; background-color: #262626;}
#footer {background: none!important; background-color: #fff!important;}
.footer_crowns {width: 100%; text-align: center;}
/* -----------------------------------------------------------------------------

    RESPONSIVE DEFINITIONS

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

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

    @media ( max-width: 1199px ) {

		/* your CSS here */
		

	}

	@media (min-width: 992px) and (max-width: 1999px)
	{
	   .header-menu ul li {vertical-align: middle;}
	}

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

    @media ( max-width: 991px ) {

		/* your CSS here */
		.header-menu ul li a {
	    text-align: left;
	    }
	    .footer_crowns {margin-top: 20px;}

	}

	/* -------------------------------------------------------------------------
        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 */

	}