body {
    background-color: #fdfcdc;
}

.navbar-brand {
    font-family: 'Patua One', cursive !important;
    color: #fed9b7 !important;
}

.navbar-brand a {
    font-size: 2.0rem;
}

.bg-nav {
    background-color: #0081a7;
}

#hero {
    background: url(./assets/typewriter_bg.jpg) no-repeat;
    background-size: cover;
    margin: 50px 0;
    overflow: hidden;
    padding: 150px 20px;
    position: relative;
    text-align: center;
    text-shadow: 0px 0px 1px rgba(0,0,0,0.5);
}

#header2 {
    font-family: 'Amatic SC', cursive;
    /* color: #AAF0CB; */
    color: #f07167;
}

#header1 {
    font-family: 'Patua One', cursive;
    color: #fdfcdc;
}

nav a {
    font-family: 'Amatic SC', cursive !important;
    font-size: large;
    color: #fdfcdc !important;
}

.thumbnail img {
    width: 100%;
    height: auto;
}

#mic-drops {
    font-family: 'Jura', sans-serif;
    background-color: #f07167;
    color: #222 !important;
}

.thumbnail span {
    font-family: 'Jura', sans-serif;
    font-size: 1.75rem;
}

.thumbnail span img {
    width: 50px;
    height: auto;
}

h2 {
    font-family: 'Patua One', cursive;
    color: #222;
}

h3 {
    font-family: 'Patua One', cursive;
    color: #0081a7 !important;
}

.project-headline {
    background-color: #fed9b7;
}

#grad {
    background-image: linear-gradient(#fdfcdc, #00afb9);
}

#grad div {
    border-radius: 5px;
}

.bg-blue {
    background-color: #0081a7;
    color: #fdfcdc;
    font-family: 'Jura', sans-serif;
}

.bg-pink {
    background-color: #fed9b7;
    color: #222;
}

a {
    text-decoration: none;
    color: #222;
}

.cust_border {
    display:inline-block;
    position:relative;
    border:1px solid #ccc;
    padding:5px;
    background:#f2f2f2;
    margin-bottom:30px;
 }

 .shadow {
    -webkit-box-shadow: 0 28px 16px -26px rgba(0, 0, 0);
    -moz-box-shadow: 0 28px 16px -26px rgba(0, 0, 0);
    box-shadow: 0 28px 16px -26px rgba(0, 0, 0);
 }


/* carousel */

#quote-carousel 
{
  padding: 0 10px 30px 10px;
  margin-top: 30px;
}

/* Control buttons  */
#quote-carousel .carousel-control
{
  background: none;
  color: #222;
  font-size: 2.3em;
  text-shadow: none;
  margin-top: 30px;
}
/* Previous button  */
#quote-carousel .carousel-control.left 
{
  left: -12px;
}
/* Next button  */
#quote-carousel .carousel-control.right 
{
  right: -12px !important;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
#quote-carousel .carousel-indicators .active 
{
  background: #333333;
}
#quote-carousel img
{
  width: 250px;
  height: 100px
}
/* End carousel */

.item blockquote {
    border-left: none; 
    margin: 0;
}

.item blockquote img {
    margin-bottom: 10px;
}

.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}

.col-center {
	margin: 0 auto;
	float: none !important;
}
.carousel {
	padding: 0 70px;
}
.carousel .carousel-item {
	color: text-dark;
	font-size: 14px;
	text-align: center;
	overflow: hidden;
	min-height: 290px;
}
.carousel .carousel-item .img-box {
	width: 135px;
	height: 135px;
	margin: 0 auto;
	padding: 5px;
	border: 1px solid #ddd;
	border-radius: 50%;
}

.carousel .testimonial {
    padding: 30px 0 10px;
}
.carousel .testimonial b {
    font-size: 1rem;
    padding: 30px 0 10px;
}
.carousel .overview {	
	font-style: italic;
}
.carousel .overview b {
    font-size: 1.05rem;
    letter-spacing: 1.5px;
}
.carousel-control-prev, .carousel-control-next {
	width: 9px;
	height: 9px;
	/* margin-top: 30px; */
	top: 45%;
	background: none;
}
.carousel-control-prev i, .carousel-control-next i {
	font-size: 36px;
	line-height: 42px;
	position: absolute;
	display: inline-block;
	color: rgba(0, 0, 0, 0.8);
	text-shadow: 0 3px 3px #e6e6e6, 0 0 0 #000;
}
.carousel-indicators {
	/* bottom: 40px; */
}
.carousel-indicators li, .carousel-indicators li.active {
	width: 9px;
	height: 9px;
	margin: 1px 3px;
	border-radius: 50%;
	border: none;
}
.carousel-indicators li {	
	background: #999;
	border-color: transparent;
	box-shadow: inset 0 2px 1px rgba(58, 57, 57, 0.2);
}
.carousel-indicators li.active {	
	background: #555;		
	box-shadow: inset 0 2px 1px rgba(58, 57, 57, 0.2);
}

footer .fab {
    color: #0081a7;
    text-shadow: -1px 0 #fed9b7, 0 1px #fed9b7, 1px 0 #fed9b7;
}

.footer-copyright {
    color: #0081a7;
}