body, html {
	margin: 0px;
	padding: 0px;
	height:100%;
}
html { 
	font-family: 'Raleway', sans-serif;
}
body#home { 
	background: url(../images/bg.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
img{
	max-width: 100%;
    height: auto;
}
.lnum {
  font-variant-numeric: lining-nums;
  -moz-font-feature-settings: "lnum" 1;
  -moz-font-feature-settings: "lnum=1";
  -ms-font-feature-settings: "lnum" 1;
  -o-font-feature-settings: "lnum" 1;
  -webkit-font-feature-settings: "lnum" 1;
  font-feature-settings: "lnum" 1;
  font-weight:400;
}
a{
	text-decoration: none;
	-o-transition:color .2s ease-out;
   -ms-transition:color .2s ease-out;
   -moz-transition:color .2s ease-out;
   -webkit-transition:color .2s ease-out;
   transition:color .2s ease-out;
}
.overlay{
	background: -moz-linear-gradient(-45deg,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 30%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 30%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 30%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	bottom: 0;
	left: 0;
	opacity: .45;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 0;
}
.topbar{
	position:relative;
}
.contact{
	display: inline-block;
    float: right;
    margin: 50px 30px;
	display: flex;
  	justify-content: center;
}
.contact ul{
	padding: 0;
    margin: 0;
    list-style: none;
    font-size: 16px;
    display: flex;
	line-height:32px;
	letter-spacing:3px;
}
.contact ul li{margin-left: 15px; text-transform: uppercase;}
.contact a{color:#FFF;}
.contact a:hover {color:#dedede;}
.logo{
	display:inline-block;
	margin: 30px 0 0 30px;
	z-index:1;
}
.logo img{width:247px; height:68px;}
@media only screen and (max-width: 1145px) {
	.topbar{width:100%;}
	.logo{width:100%; margin:30px 0; text-align:center;}
	.lnum{display:block;}
	.contact{width:100%;margin: 50px 0; float:none;}
	.contact ul{flex-direction: column;text-align: center;}
	.contact ul li{margin: 0 10px;}
}
#internal .contact a{color:#343a40;}
/* GRID */
.section {
	clear: both;
	width: 100%;
    margin-right: auto;
    margin-left: auto;
	margin-top:100px;
}

.row {
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	flex-direction: row;
	flex-wrap: wrap;
}

.column {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  padding:30px;
  flex-flow: row nowrap;
  align-items: flex-start;
}
.double-column {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  padding:30px;
}

@media screen and (min-width: 800px) {
  .column {flex: 1}
  .double-column {flex: 2}
}

.gallery-container {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 60px);
  margin: auto;
}
.gallery-container > div {
  margin: 5px;
  flex-basis: 380px;
  overflow: hidden;
  height:350px;
  flex-grow: 1;
  flex-shrink: 1;
}
@media screen and (max-width: 991px) {
	.gallery-container > div {
		flex-basis: 280px;
	}
}
.gallery-container > div img {
  object-fit: cover;
  object-position: center center;
  width: 100%;
  height: 100%;
}

.external a{
	text-decoration: underline;
	font-weight: bold;
}