/*!
 * Start Bootstrap - Modern Business (https://startbootstrap.com/template-overviews/modern-business)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */
/*colors

red #e227af;
pur ple #140A10
#00C8A2 green
*/

body {
  padding-top: 56px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	background: #2A1321;
	color: #EAEAEA;
}
header {
	background-image: url(../images/banner_home.jpg);
	background-size: cover;
	background-position: center;
}

.logo {
	width: 250px;
}

.hero {
	text-align: center;
	padding-top: 50px;
	padding-bottom: 20px;
}
.lead {
	font-size: 24px;
}

h1 {
	font-family: 'Vidaloka', serif;
	font-size: 40px;
}

h2{
	text-align: center;
font-size: 30px;
	font-weight: 200;
	font-family: 'Vidaloka', serif;
	
}
.align-left {
	text-align: left;
}

h3{
	text-align: center;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 900;
	color: #e227af;
	
	
}
h4{
	
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 900;
	color: #e227af;
}
	h5 { font-weight: 700;
		
	}	
p {
	font-size: 18px;
}	

.magenta {font-weight: 900;
	color: #e227af;
	
}


.extraspace {
	margin-top: 60px;
}

.btn-secondary {
	background-color: #00C8A2;
	border: none;
	font-size: 30px;
	font-weight: 900;
	border-radius: 0px;
}
.btn-secondary:hover {
	background-color: #e227af;
	border: none;
}

.bg-magic {
	background-color: rgba(0,0,0,0.95)
}

.bg-dark {
	background: rgba(255,255,255,0.15)!important;
}



.action {
	text-align: center;
	background: rgba(255,255,255,0.20);
	padding-bottom: 20px;
}

a {
	color: #EAEAEA;
}
a:hover {
    color: #e227af;
    text-decoration: none;
}
.navbar-dark .navbar-nav .nav-link {
	color: rgba(0,200,162,0.70);
}
.navbar-dark .navbar-nav .nav-link:hover {
	color: #e227af;
	
}
.dropdown-item { 
	background: rgba(0,0,0,0.80);
	color: white;
	border-radius: 0px;
	
}
.dropdown-menu {
	background: transparent;
	border: none;
	border-style: none;
}
.dropdown-item:first-child, .dropdown-item:last-child{
	border-radius: 0px;
}
.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #00C8A2;
}

.carousel-item {
  height: 65vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.portfolio-item {
  margin-bottom: 30px;
}