:root {
	--body-header-color: #2086ba; /*See Body*/
	--banner-left-color: #2086ba; /*See Usually Body, otherwise spacer*/
	--header-color: #a15ca5; /* header .navbar */
	--header-text-color: #fff; /* Black or White */
	--banner-right-color: #ffd0ff; /*.banner */
	--banner-text-color: #72c3e9; /*.banner p */
	--link-text-hover: #a93c01;
	--disliked-color: #a9203a;
	--okay-color: #000000;
}

/* Calculate from https://angel-rs.github.io/css-color-filter-generator/*/
.fa img{
	filter: brightness(0) 
		saturate(100%)
		invert(42%) 
		sepia(88%) 
		saturate(454%) 
		hue-rotate(155deg) 
		brightness(90%) 
		contrast(86%);
}


body{
	color: var(--body-header-color);
}

a{
	color: var(--body-header-color);
}

a:hover{
	color: var(--link-text-hover);
}

header .navbar {
	background: var(--header-color);
}

header .navbar-default .navbar-nav>li>a {
	color: var(--header-text-color);
}

.bannerc {
	background: var(--banner-right-color);
	height: 250px;
}
.bannerc h2 {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 100px;
	line-height: 90px;
	margin-left: 16%;
	text-transform: capitalize;
	color: var(--banner-left-color);
}
.bannerc h3 {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 40px;
	margin-left: 16%;
	line-height: 45px;
	text-transform: capitalize;
}
.bannerc p {
	max-width: 700px;
	margin: 0 auto;
	margin-top: 25px;
	font-size: 40px;
	line-height: 24px;
	text-transform: uppercase;
	letter-spacing: 0.055em;
	color: var(--banner-text-color);
}

.banner-containerc {
    background-color: var(--banner-right-color);
    height: 190px;
    padding-top: 120px;
}


.default-heading h2{
	color: var(--body-header-color);
	font-weight: 1000;
}

.img-responsive{
    border: solid var(--banner-left-color);
    border-width: 10px;
}

.blog .entry h3{
	margin-top: 5px;
	font-weight: 400;
}

.blog .perm  strong {
	color: var(--body-header-color)
}

.blog .perm .dislike strong {
	color: var(--disliked-color)
}

.blog .perm .dislike h3{
	color: var(--disliked-color)
}


.blog .perm .okay strong {
	color: var(--okay-color)
}

.blog .perm .okay h3{
	color: var(--okay-color)
}

.blog .perm hr {
	border-top-color: var(--body-header-color)
}

footer {
	background: var(--header-color);
}
footer p {
	color: var(--header-text-color);
}
footer p a { 
	color: var(--header-text-color);
}
footer p a:hover { color: var(--link-text-hover); }

footer .social a  i {
	border: 1px dashed var(--body-header-color);
}
footer .social a:hover{
	background-color: var(--banner-right-color);
}

.row {
	margin-top: -30px;
}

.spacerc {
    background-color: var(--banner-left-color);
    height: 250px;
    width: 15%;
    float: left;
}


.banner-image {
    background-color: var(--banner-left-color);
}

 * Desktop 
 */
@media (max-width: 1155px){
.spacer {
    width: 15%;
    }
.body-spacer {
    width: 15%;
	}
}
/*
 * Desktop 
 */
@media (max-width: 1085px){
.spacer {
    width: 15%;
    }
.body-spacer {
    width: 15%;
	}
}

/*
 * Tablets 
 */
@media (max-width: 1030px){
	header .navbar-brand img { max-width: 140px; top: 3px; }
	header .navbar-nav .dropdown-menu:after, 
	header .navbar-nav .dropdown-menu:before { display: none;}
	header .navbar-nav .dropdown-menu li a { color: #fff !important;}
	header .navbar-default .navbar-toggle .icon-bar {background: #fff;	}
	header .navbar-collapse { border: 0; box-shadow: none; }
	header .navbar-default .navbar-toggle,
	header .navbar-default .navbar-toggle:hover,
	header .navbar-default .navbar-toggle:focus	{
		background: transparent;
		right: 0px;
		border-color: #fff;
	}
}

@media (max-width: 630px){
	header .navbar-brand img { max-width: 140px; top: 3px; }
	header .navbar-nav .dropdown-menu:after, 
	header .navbar-nav .dropdown-menu:before { display: none;}
	header .navbar-nav .dropdown-menu li a { color: #fff !important;}
	header .navbar-default .navbar-toggle .icon-bar {background: #fff;	}
	header .navbar-collapse { border: 0; box-shadow: none; }
	header .navbar-default .navbar-toggle,
	header .navbar-default .navbar-toggle:hover,
	header .navbar-default .navbar-toggle:focus	{
		background: transparent;
		right: 0px;
		border-color: #fff;
	}
	.bannerc h2 {font-size:75px;line-height: 40px;}
	}
}