html,
body {
  height: 100%;
  background-color: #fff;
}

body {
  color: #333;
}

.contact-row > div, .hp-row > div {
	margin-top:30px;
}

.bg-light {
    background-color: #ddeaf0 !important;
}

#header {
	border-bottom:1px solid #000;
	margin:auto;
	text-transform:uppercase;
}
#header, #footer {
	max-width: 1100px;
	padding: 10px 20px;
    color: #000;
}

.cover-page .logo {
	max-width: 750px;
	margin: 100px auto 140px auto;
}

#footer {
	border-top:1px solid #000;
	margin:100px auto;
}

a,
a:focus,
a:hover {
  color: #ff0103;
}


.masthead {
	background:#eee;
}

.masthead-brand {
  margin-bottom: 0;
}

.nav-masthead .nav-link {
  padding: .25rem 0;
  font-weight: 700;
  color: rgba(255, 255, 255, .5);
  background-color: transparent;
  border-bottom: .25rem solid transparent;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  border-bottom-color: rgba(255, 255, 255, .25);
}

.nav-masthead .nav-link + .nav-link {
  margin-left: 1rem;
}

.nav-masthead .active {
  color: #fff;
  border-bottom-color: #fff;
}

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

@media (max-width:1199px) {
.pagegallery>div>a.thumbnail {
	width: 166px;
	height: 166px
}
.pagegallery .thumbnail img {
	max-height: 166px;
	max-width: 166px
}
}
@media (max-width:991px) {
}
@media (max-width:767px) {
	.cover-page .logo {
		max-width: auto;
		margin: 50px auto 40px auto;
	}
}
@media (max-width:575px) {
}
@media (max-width:480px) {
}
@media (max-width:370px) {
}