@charset "utf-8";
/* CSS Document */

.navbar-nav  {
	float: none;
	margin:0 auto;
	display: block;
	text-align: center;
}

.navbar-nav > li {
	display: block;
	float: none;
	padding-left: 60px;
	padding-right: 60px;
}

.jumbotron h1 {
	text-align: center;
}
.jumbotron p {
	text-align: center;
}

.fa {
	align-content: center !important;
	margin: 10px;
  font-size: 3em !important;
  width: 45px;
  text-align: center;
  text-decoration: none;
}

.fa:hover {
  opacity: 0.7;
}
.fa-facebook {
  background: white;
  color: #6d716e;
}
.fa-instagram {
  background: white;
  color: #6d716e;
}

.fa-linkedin {
  background: white;
  color: #6d716e;
}

.container-fluid { 
	padding: 20px;
}

.btn-success {
  color: #fff;
  background-color: #507157 !important;
  border-color: #28a745; }
  .btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34; }
  .btn-success:focus, .btn-success.focus {
    color: #fff;
    background-color: #507157;
    border-color: #1e7e34;
    box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); }

.rounded-circle {
	width: 150px;
	justify-content: center;
}

div.gallery {
  border: 1px solid #ccc;
}

div.gallery:hover {
  border: 1px solid #777;
}

div.gallery img {
  width: 100%;
  height: auto;
}

div.desc {
  padding: 15px;
  text-align: center;
}

* {
  box-sizing: border-box;
}

.responsive {
  padding: 0 6px;
  float: left;
  width: 24.99999%;
}

@media only screen and (max-width: 700px) {
  .responsive {
    width: 49.99999%;
    margin: 6px 0;
  }
}

@media only screen and (max-width: 500px) {
  .responsive {
    width: 100%;
  }
	
	.card-body {
		align-content: center;
	}
	
	.card-text { text-align: center !important;
		align-content: center;
	}
	
	.card-title  {text-align: center !important;
		text-align: center;
	}
	
	h4 {font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif" !important;
		
	}