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

/* @import must be at top of file, otherwise CSS will not work  */
@import url("//hello.myfonts.net/count/3fc4ac");
  
@font-face {
  font-family: "TTNormsPro-Rg";
  src: url('/webfonts/TTNormsProRg/font.woff2') format('woff2'), url('/webfonts/TTNormsProRg/font.woff') format('woff');
}

body {
	font-family: "TTNormsPro-Rg", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  background-color: #fff;
  max-width:1600px;
	margin: 0 auto;
}

p.labels {
	font-size: 16px;
	color: darkgray;

}

.nb-white {
	background-color: white !important;
}


.pad15 {
	padding-left: 15px !important;
	padding-right: 15px !important;
}

.nav-link {
	padding: 20px 20px 0 15px !important;
}

.proj-list {
	padding: 20px 0 0 0 !important;
}

.nav-link:link {
	color: #212529;
	transition: 0.3s ease-in;
}

.nav-link:hover, .nav-link:focus, .nav-link:active {
	color: #afbcc2;
	transition: 0.3s ease-in;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, h1.postcontent, li, a.navbar-brand, a.nav-link {
	font-size: 26px;
  line-height: 1.2;
  color: #333;
}

p {
	font-size: 18px;
	line-height: 1.4 !important;
	color: #333;
}

.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}
.navbar-brand > img {
  display: block;
}

.container {
	max-width: 1600px;
	padding: 0 0;
	margin: 0 0 ;
}

.row {
	margin: 0 0;
	padding: 0 0 ;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
	padding: 0 0;
	
}

img#sfo, picture#sfo {
  max-width: 100%;
	display: block;
	min-width: 100%;
}

body {
	font-variant-ligatures: none;
}

.foot-bottom {
	margin-bottom: 30px;
}


.bgredford-about {
	padding: 30px 0 5px 0;
}


.case-img {
	padding: 7px 0;
}


@media (max-width: 768px) {
  .more {
    padding-top:30px;
	padding-bottom:10px;
  }
}


h1.postcontent {
	color: white !important;
}

h1.home {
	font-size: 34px !important;
}

.text-over {
	padding: 0 0;
	margin: 0 0;
	position: absolute;
	top: 0;
	bottom: 0; 
	left: 0;
	right: 0; 
	background: rgba(0,0,0,0.70);
	color: #fff;
	visibility: hidden;
	opacity: 0;
	display: flex;
	align-items: left;
	justify-content: left;
	transition: opacity .6s, visibility .6s;
}

.img-text-over:hover .text-over {
	visibility: visible;
	opacity: 1;
	margin: 0 0;
	padding: 0 0 ;

}


.postcontent {
	margin: 20px;
  transition: .8s;
  transform: translateY(1em);
}

.img-text-over:hover .postcontent {
  transform: translateY(0);
}