@charset "UTF-8";
/* CSS Document */

/* ============================== */
/* COLORS */
/* ============================== */

.lt-purple {color: #71628b}
.dk-purple {color: #271229}


/* ============================== */
/* NAVBAR */
/* ============================== */
.navbar {
	background-color: #271229;
}
.navbar-brand img {
	height: 40px;
}

.nav-item a {
	color: #fff !important;
	font-size: 1em;
	margin: 0px 5px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}

.nav-item a:hover {
	color: #71628b !important;
}


/* ============================== */
/* HEADER */
/* ============================== */

header.masthead {
  position: relative;
  background-color: #343a40;
  background: url("../img/bg-masthead.jpg") no-repeat center center;
  background-size: cover;
  padding-top: 8rem;
  padding-bottom: 6rem;
}

header.masthead .overlay {
  position: absolute;
  background-color: #000;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.7;	
}

header.masthead img {
  width: 90%;	
}

/* ============================== */
/* ABOUT */
/* ============================== */

#about {
  padding-top: 3rem;
  padding-bottom: 3rem;
  background: #fff;
}

@media(min-width:992px) {
    #about {
        padding-top: 7rem;
  		padding-bottom: 7rem;
    }
}

#about h4 {
  color: #271229;
  line-height: 1.5em;
}

#about .emphasis {
  font-weight: 700;	
}

.brand-card{
	margin-top: 0px;
    position: relative;
}

.brand-card img {
  display: block;
  width: 100%;
  height: auto;
}

.brand-card .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #271229;
}

.brand-card:hover{
	margin-top: 0px;
	transform: scale(1.05);
    transition: .5s ease;
}

.brand-card:hover img{
	overflow: hidden;
}

.brand-card:hover .overlay {
  opacity: .9;
}

.brand-card .card-text {
  color: #fff;
  font-size: 20px;
  position: absolute;
  bottom: 50px;
  left: 25px;
  padding-right: 25px;
  opacity: 1 !important;
}

.brand-card .card-text .link {
  font-size: 14px;	
  margin-top:20px;	
}


/* ============================== */
/* FONTS */
/* ============================== */

body, footer {
font-family: 'Open Sans', sans-serif;}

h1, h2, h3, h4, h5, h6 {
font-family: 'Open Sans', sans-serif;  font-weight: 400;
}


/* ============================== */
/* FOOTER */
/* ============================== */

footer.footer {
  padding-top: 2rem;
  padding-bottom: 2rem;
  background-color: #71628b;
}

footer p, footer a {
  color: #fff;
}

footer a:hover,
footer a:focus,
footer a:active {
  color: #fff;
  opacity: .6;
  text-decoration: none;
}

.CG {
  height:25px;
}

.hidden {display:none;}