:root {
	--color-1: #D81114; 
	--color-2: #373737;
	--color-3: #1c1c1c;
}

/*  ---------------------------
    TEXT
---------------------------- */

h1, .heading, .heading:hover, .u-heading h2 {
    font-weight: 700;
    letter-spacing: 0.075em;
	color: var(--color-1);
}

.u-heading h2 {
    text-transform: uppercase;
    font-size: 34px;
}

@media (max-width: 767px) {
    .u-heading h2:before, .u-heading h2:after {
        display: none;
    }
}

.u-heading h2:before, .u-heading h2:after {
    content: ' ';
    width: 25%;
    position: absolute;
    border-width: 1px;
    color: var(--color-2);
}

h2, h3, h4, h5, h6 {
	font-weight: 500;
	color: var(--color-3);
}

body {
    font-weight: 300;
    font-size: 14px;
    line-height: 1.55;
    letter-spacing: 0.035em;
	color:#000;
}

p, .text {
    line-height: 1.55;
}

/*---------------------------
  BUTTONS AND INPUT GROUPS
---------------------------*/

button.c1-bg.c5-text,
a.c1-bg.c5-text,
.btn.c1-bg,
.btn.c1-bg:hover,
.btn.c1-bg:active,
.btn.c1-bg:focus {
	background-color: var(--color-1);
}

/*  ----------------------------------
    MASTER HEADER
----------------------------------- */
.row.master-header-top.c1-bg.c5-text {
	background-color: var(--color-1);
}

.brand-one-page #brandOneLink {
	color: var(--color-1);
	background-color:#fff;
}

.master-header-top .nav-pills > li > a:hover {
    color: var(--color-1);
	background-color: rgba(255, 255, 255, 0.85);
}

/*  ---------------------------------------------
	LOGO
  ---------------------------------------------- */
  header #logo,
  header #logo a {
	width: 400px !important;
	height: 60px !important;
  }
  
  header #logo a {
	background-size: auto 60px;
  }
  
  @media screen and (max-width: 767px) {
	header #logo {
	  top: 21px;
	}
	header #logo,
	header #logo a {
	  width: 190px !important;
	  height: 45px !important;
	}
	header #logo a {
	  background-size: auto 45px;
	  background-position: left !important;
	}
  }
  
  @media screen and (min-width: 768px) {
	header #logo {
	  top: 50px;
	  left: calc(50% - 200px);
	}
  }

/*  ----------------------------------
    FOOTER
----------------------------------- */
footer .row.c1-bg {
	background-color: var(--color-1);
}

nav.social a.btn.btn-link {
	color: var(--color-1);
}

nav.social a.btn.btn-link:hover,
nav.social a.btn.btn-link:active,
nav.social a.btn.btn-link:focus {
    color: var(--color-1);
    opacity: 0.7;;
}