@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');
@import url('https://fonts.googleapis.com/css2?family=Girassol');
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400');
/* GLOBAL STYLES
-------------------------------------------------- */
/* Links
a,
a:focus,
a:hover {
	color: #fff;
}

/*  Base structure */

html,
body {
	height: 100%;
	font-family: Cairo;
	background-color: #FAFAFA;
}


/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */


 .navbar {
  min-height: 65px;
  font-family: Girassol;
}

.navbar-brand {
  color: white !important;
  padding: 0 15px;
  height: 65px;
  line-height: 65px;
}

.navbar-toggle {
  /* (80px - button height 34px) / 2 = 23px */
  margin-top: 15.5px;
  padding: 9px 10px !important;
}

@media (min-width: 768px) {
  .navbar-nav > li > a {
    /* (80px - line-height of 27px) / 2 = 26.5px */
    padding-top: 19px;
    padding-bottom: 19px;
    line-height: 27px;
  }
}


/* JUMBOTRON
-------------------------------------------------- */

.jumbotron {
	padding-top: 5rem;
	padding-bottom: 0rem;
	margin-bottom: 0rem;
	color: black;
}



#

#pic4 {
	background-image: url("../img/business.jpg");
}

.pic {
	height: 40rem;
}


.margin {
	margin-bottom: 0rem !important;
}

@media (min-width: 768px) {
	.jumbotron {
		padding-top: calc(var(--jumbotron-padding-y) * 2);
		padding-bottom: calc(var(--jumbotron-padding-y) * 2);
	}
}

.jumbotron-heading {
	font-weight: 500;
}

.jumbotron .container {
	padding-top: 3rem;
	padding-bottom: 3rem;
}

.width {
	max-width: 60rem;
}

.text {
	background-color: white !important;
}

.white {
	color: white;
}

.justify {
	text-align: justify !important;
}

.banner {
	color: white !important;
	padding-top: 10rem !important;
	margin-left: 20rem !important;
	max-width: 30rem !important;
}

.banner2 {
	text-align: right !important;
	color: white !important;
	padding-top: 10rem !important;
	margin-right: 20rem !important;
	max-width: 30rem !important;
}

.banner3 {
	text-align: right !important;
	color: white !important;
	padding-top: 10rem !important;
	margin-right: 7rem !important;
	max-width: 40rem !important;
}



/* CARD-DECK
-------------------------------------------------- */

.card-deck {
	margin-bottom: 4rem;
}


/* FOOTER
-------------------------------------------------- */

footer {
	padding-top: 3rem;
	padding-bottom: 3rem;
}

footer p {
	text-align: center;
	margin-bottom: .25rem;
}

.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }