/*new css
*/
html, body {
	color: #384661!important;
	height: 100%;
}

.first {
  height:100vh;
  min-height:400px;
  background-size:cover;
  background-image:url('../img/header.jpg');
}

nav .navbar-nav .nav-link,
nav .navbar-brand {
   color: white;
}

.nav-link {
	text-transform: uppercase!important;
	float: right;
}

.nav-colored { 
	background-color:#000; 
}
.nav-transparent { 
	background-color:transparent;
}

.logo {
	width: 100px!important;
}

.slash {
	color: #ff6363; /*Salmon*/
}

.first {
	color: white!important;
}

.name {
	color: white!important;
	text-transform: uppercase;
	padding-top: 240px;
}

.section-title {
	text-transform: uppercase;
	color: #ff6363; /*Salmon*/
	font-family: Raleway , Sans-serif;
}

.subsection-title {
	text-transform: uppercase;
	color: #384661; /*Dark Blue*/
	font-family: Raleway , Sans-serif;
}

.container {
	width: 100%;
	padding-top: 24px;
	padding-bottom: 24px;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
	background-color: #384661!important;
	color: white!important;
}
.nav-pills a {
	color: #ff6363!important;
}

/* Card Deck */
.card-deck {
	padding-bottom: 24px;
}

.card-img-top {
	min-height: 280px;
	max-height: 280px;
}

.btn-outline-primary {
	color: #ff6363!important;
	background-color: transparent!important;	
	background-image:none!important;
	border-color: #ff6363!important;
}

.btn-outline-primary:hover {
	color: white!important;
	background-color:#ff6363!important;	
	border-color:none!important;
}

.btn:hover {
	color: #384661;/*Dark Blue*/
}

/*Icons*/
.fab {
	text-decoration: none;
	font-size: 24px;
	padding: 1.5em;
	color: #ff6363;
}

.far {
	text-decoration: none;
	font-size: 24px;
	padding: 1.5em;
	color: #ff6363; /*Salmon*/
}

.fab:hover {
	color: #384661; /*Dark Blue*/
}

.far:hover {
	color: #384661; /*Dark Blue*/
}