h2{
	text-transform: uppercase;
	color: #DDE0E5;
}
p{
	color: #DDE0E5;
}

@media (max-width:576px) {
	.display-4{
	font-size: 1.5rem;
    font-weight: 100px;
    line-height: 1.2;

	}
	.lead{
	font-size: 0.95rem;
	font-weight: 300px;
	}
}


.navbar{
  border-top: 0.3px solid #5D7389;
  background: #0F1925;
  opacity: 0.9 ;
  box-shadow: 0px 6px 15px 0px rgba(26,26,26,1);
  /*box-shadow: -1px 12px 12px -7px rgba(28,28,28,1);*/
  /*box-shadow: 0 0 0 1;*/
}
.nav-link{
	text-transform: uppercase;
}

.carousel_image{
	width: 100%;
	height: auto;
}
.carousel-item{
  height: 20rem;
}

.portfolio_section{
border-top: 1px solid #D1E2F3;
height: 12rem;
}
.gallery_section{
padding-top: 1em;
padding-bottom: 0.5em;
height: 15rem;
}
.portfolio{
 background:#717273;
 min-height: 60vh;
}

.portfolio_container{
	padding-left: 50px;
	padding-right: 50px;
}
@media (max-width:576px) {
	.portfolio_container{
		padding-left: 10px;
		padding-right: 10px;
	}
}
.grid{
  position: relative;
  overflow: hidden;
}
.frame{
border: 10px solid;
border-bottom-color: #000000;
border-top-color: #3D3D3D;
border-left-color:#535353;
border-right-color: #000000;
box-shadow: 3px 2px 5px 0px rgba(0,0,0,0.75);
}
.image_border{
	border: 12px solid #dbdbdb;
}
.img{
	height: 100%;
	width: 100%;
	border: 4px solid;
	border-bottom-color: #FBFBFB;
	border-top-color: #8A8A8A;
	border-left-color:#555;
	border-right-color: #FFF;

}
@media (max-width:576px) {
	.img{
		border: 2px solid;
	}
	.frame{
		border: 5px solid;
	}
	.image_border{
		border: 8px solid #dbdbdb;
	}
}
.btn{
	margin-bottom: 6px;
	background-color:#b01852;
	border-color: transparent;
	border-radius: 3px;
	transition-duration: 0.4s;
	color: white;
}
.btn:hover {
  background-color: #EDEDED;
  color: #b01852;
}

@media (max-width:576px) {
	.btn{
		font-weight: 100px;
		font-size: 0.9rem;
		padding: 0.2rem 0.5rem; 
	}
}