/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  padding-top: 3rem;
  padding-bottom: 3rem;
  color: #5a5a5a;
}
footer{
	background-color:#CED8EE;
	position:relative;
	display:flex;
	flex-wrap:wrap;
	padding-top:50px;
}
.lead{font-size:1.25rem;font-weight:300;}
.lead-h{font-size:1.5rem;color:#706EB1;font-weight:500; text-align:center;}
.text-muted{color:#6c757d!important;}
.mt-6{margin-top:3.75rem!important}
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}
.carousel-caption h1{
	font-weight:600;
	color:#706EB1;
	text-shadow: 2px 2px 5px #000;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 32rem;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 32rem;
}

.btn-custom{
	background-color:#706EB1;
	color:#FFF;
}
.btn-custom:hover{
	background-color:#E17DB2;
}
.navbar{
	background-color:#706EB1;
}
.navbar .navbar-brand {
	color:#CED8EE;
}
.navbar .navbar-brand h1{
	display:inline;
	font-size:15px;
}
.navbar .navbar-brand img{
	max-height:32px;
	max-width:32px;
}
footer .credits{
	font-size:0.75rem}

/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
  color:#706EB1;
}
/* rtl:begin:ignore */
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}
/* rtl:end:ignore */


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}
.card{
	background-color:#CED8EE;
	border-color:#706EB1;
}
footer .card{
	border:none;
}
.card-title{
	color:#706EB1;
}
.card-text a{
	text-decoration:none;
	}
.card-divider {

}
/* Thin out the marketing headings */
.featurette-heading {
  color:#706EB1;
  font-weight: 300;
  line-height: 1;
  /* rtl:remove */
  letter-spacing: -.05rem;
}
/* Lightbox Gallery
------------------------- */
.photo-gallery {
  color:#313437;
  background-color:#fff;
}

.photo-gallery p {
  color:#7d8285;
}

.photo-gallery h2 {
  font-weight:bold;
  margin-bottom:40px;
  padding-top:40px;
  color:inherit;
}
.nav-scroller{
	margin-top:75px;
}
.nav-scroller a{
	color:#666;
}
.nav-scroller .active{
	color:#706EB1;
}
.nav-scroller a:hover{
	color:#706EB1;
}
@media (max-width:767px) {
  .photo-gallery h2 {
    margin-bottom:25px;
    padding-top:25px;
    font-size:24px;
  }
.feature-gallery{
	visibility:hidden;
}

.navbar .navbar-brand h1{
	display:inline;
	font-size:12px;
}
.navbar .navbar-brand img{
	max-height:20px;
	max-width:20px;
}
.nav-scroller{
	margin-top:50px;
	z-index:inherit;
}
.nav-scroller a{
	font-size:12px;
}
}

.photo-gallery .intro {
  font-size:16px;
  max-width:500px;
  margin:0 auto 40px;
}

.photo-gallery .intro p {
  margin-bottom:0;
}

.photo-gallery .photos {
  padding-bottom:20px;
}

.photo-gallery .item {
  padding-bottom:30px;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {

  }
}
      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

@media (min-width: 768px) {
	    .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
	.floroma{
	width:50%;
	height:50%;
}
}
@media (max-width: 768px) {
footer .card h5{
	font-size:0.750rem;
}
footer .card p{
	font-size:0.750rem;
}
}