/*font-family: 'Playfair Display', serif;
font-family: 'Source Sans Pro', sans-serif;*/
body {
  font-family: 'Source Sans Pro', sans-serif;
  background-color: #e3f2fd;
  font-size: 18px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Playfair Display', serif;
  color: #1c2857;
}

.navbar .flex-1 {
    flex: 1;
    flex-basis: 100%;
}

.dividerGold {
  background-color: #cdb87d;
  height: 1px;
  width: 80px;
  margin-bottom: 10px;
}

.dividerWhite{
  background-color: #ffffff;
  height: 2px;
  width: 40%;
  margin-bottom: 10px;
}

.filter-white {
  filter: invert(100%) sepia(0%) saturate(7452%) hue-rotate(77deg) brightness(102%) contrast(104%);
}

.navbar-light .navbar-nav .nav-link {
  font-family: 'Playfair Display', serif;
  font-size: 22px;
  font-weight: 500;
  color: #cdb87d;
  text-shadow: 1px 1px #1c2857;
}

.navbar-light .navbar-nav .nav-link:hover {
  color: #1c2857;
  text-shadow: 1px 1px #1c2857;
}

.dropdown-menu {
  background-color: #e3f2fd;
  border-top: none;
  border-left: 1px solid #1c2857;
  border-bottom: 1px solid #1c2857;
  border-right: 1px solid #1c2857;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.dropdown-item {
  font-family: 'Playfair Display', serif;
}

.jumbotron {
  border-radius: 0px;
}

.testimonial {
	padding: 0 15px 0 60px ;
	position: relative;
}
.testimonial::before {
	content: "\201C";
  	font-family: Arial,sans-serif;
	color: #1c2857;
	font-weight: bold;
	font-size: 68px;
	line-height: 54px;
	position: absolute;
	left: 15px;
	top: 0;
}

.footer {
  background-color: #1c2857;
  color: #ffffff;
}

.jumbotron-text, .jumbotron-text h2, .jumbotron-text h1 {
  color: white;
}

@media only screen and (min-width: 1170px) {
  .jumbotron {
    height: 450px;
  }

  .jumbotron-text {
    width: 70%;
    font-size: 1.75rem;
    text-shadow: 2px 2px #000000;
  }
}

@media only screen and (max-width: 1170px) and (min-width: 992px) {
  .jumbotron-text {
    font-size: 1.5rem;
    width: 50%;
    text-shadow: 2px 2px #000000;
  }
}

@media only screen and (max-width: 992px) and (min-width: 768px){
  .navbar-light .navbar-nav .nav-link {
    font-size: 18px;
  }

  .jumbotron-text {
    font-size: 1.5rem;
    width: 50%;
    text-shadow: 2px 2px #000000;
  }

}

@media only screen and (max-width: 767px) {
  .jumbotron-text {
    display: none
  }

  .jumbotron {
    height: 300px;
  }
}