body {

	/*background-color: #B3B8CC;*/

  background-image: url("../images/blue_snow.png");

	color: white;

	font-family: 'Noto Sans', sans-serif;

}



.container {

	background-color: #666666;

}



.maincontent{

	width: 100%;

}



.BDHeader{

	border-bottom: 1.5px solid #ccc;

  text-align: center;

}



/*.BDHeader img{

        vertical-align:bottom;

        border:0;

        margin-bottom: 0;

        margin-top: auto;

        } */



/* @supports (-webkit-text-stroke: 1px black) {

 .titleheader{

    -webkit-text-stroke: 1px #001489;

    -webkit-text-fill-color: white;

  }

  .titlesubheader{

    -webkit-text-stroke: 0.5px #001489;

    -webkit-text-fill-color: white;

  }

} */



.titleheader{

	font-size: 3rem;

	/*color: #001489;*/

  color: #FFF;

}



.titlesubheader{

  margin-top: -15px;

	font-size: 1.5rem;

	/*color: #001489;*/

  color: #FFF;

}



.logo{

	width:100%;

	max-width:300px;

	float: right;

}



.categoryarea{

	/*border: 2px solid #001489;*/

	border-radius: 0 0 15px 15px;

	background-color: rgba(250,250,255,0.8);

}



.category{

	text-align: center;

	margin-top: 1rem;

	margin-bottom: -1rem;

	color: #001489;

}



.portfoliothumb{

	width:100%;

	max-width:400px;

}



.enlarge{

	margin-top: 5px;

}



.enlargedIMG{

	width:100%;

	max-width:900px;

}



.BDcaption{

	background-color: #001489;

	text-align: center;

	margin: 0;

	padding: 1rem;

	border: black solid 2px;

}



.BDcaption h3{

	font-size: 1.25rem;

}



.BDcaption p{

	font-size: 0.9rem;

}



/* The Modal (background) */

.modal {

  display: none;

  position: fixed;

  z-index: 1;

  padding-top: 100px;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  overflow: auto;

  background-color: rgba(0, 0, 0, 0.75);

}



/* Modal Content */

.modal-content {

  position: relative;

  background-color: #fefefe;

  margin: auto;

  padding: 0;

  width: 90%;

  max-width: 1200px;

}



/* The Close Button */

.close {

  color: white;

  position: absolute;

  top: 10px;

  right: 25px;

  font-size: 35px;

  font-weight: bold;

}



.close:hover,

.close:focus {

  color: #999;

  text-decoration: none;

  cursor: pointer;

}



/* Hide the slides by default */

.mySlides {

  display: none;

}



/* Next & previous buttons */

.prev,

.next {

  cursor: pointer;

  position: absolute;

  top: 50%;

  width: auto;

  padding: 16px;

  margin-top: -50px;

  color: white;

  font-weight: bold;

  font-size: 20px;

  transition: 0.6s ease;

  border-radius: 0 3px 3px 0;

  user-select: none;

  -webkit-user-select: none;

}



/* Position the "next button" to the right */

.next {

  right: 0;

  border-radius: 3px 0 0 3px;

}



/* On hover, add a black background color with a little bit see-through */

.prev:hover,

.next:hover {

  background-color: rgba(0, 0, 0, 0.8);

}



/* Number text (1/3 etc) */

.numbertext {

  color: #f2f2f2;

  font-size: 12px;

  padding: 8px 12px;

  position: absolute;

  top: 0;

}



/* Caption text */

.caption-container {

  text-align: center;

  background-color: black;

  padding: 2px 16px;

  color: white;

}



img.demo {

  opacity: 0.6;

  size: 50%;

}



.active,

.demo:hover {

  opacity: 1;

}



img.hover-shadow {

  transition: 0.3s;

}



.hover-shadow:hover {

  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}



.footer {

	background-color: #001489;

	color: white;

	margin-bottom: 0;

	text-align: center;

	padding: 15px;

}



@media only screen and (max-width: 992px) {

	.logo{

	float: left;

	max-width: 200px;

}

}