/*

COLORS

Red #c6002a
Gold #ac8240
Silver #afb1b3

*/


/* ----- GENERAL ----- */

body {font-family: 'Raleway', Helvetica, Arial, "sans-serif"}
h1, h2, h3, h4, h5, h6 {font-family: 'Old Standard TT', Helvetica, Arial, "sans-serif"; }

a {color: #c6002a}
a:hover { color: #ac8240; text-decoration: none;} 

.container {padding-right: 40px; padding-left: 40px;}
.hidden {display: none;}

.page-title {
	background-color: #ac8240;
	color: #fff;
	margin-bottom: 50px;
}

.page-title h1 {font-size: 22px; padding: 20px 8px 8px; }
.center-title {padding: 0 13%; text-align: center; color: #ac8240}


.img-grid img {width:100%; padding:10px;}

.icon-circle {
	color: #d3002a;
	border: 2px solid #d3002a; 
	border-radius: 20px; 
	padding: 6px;
	}

.icon-circle:hover {
	color: #ac8240;
	border-color:#ac8240;
}

h3.sidebar {line-height: 1.4em;}




/* ----- HEADER ----- */
#header  {
	border-top: 15px solid #c6002a;
	-webkit-box-shadow: 0 1px 15px 0 #4c4c4c;
	box-shadow: 0 1px 15px 0 #4c4c4c;
	padding: 20px 0;
	position: relative;
	z-index: 1000;
}

.home-header {
	background-image:url("../img/pittsburgh-bridge-mobile.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
}

.red-bg-80 {
	/* background-color: rgba(198, 0, 42, .9); */
    background-color: #ac8240;
	color: #fff;
	padding: 40px;
	margin-top: 150px;
}

.red-bg-80 h3 {font-size: 1.25rem; padding-left: 15px}
	



/* ----- NAV ----- */
.logo {width: 230px;}

.navbar-nav {
	font-size: 20px;
	text-align: right;
 	}

.navbar-light .navbar-nav .nav-link {color: #000 !important;}
.navbar-light .navbar-nav .nav-link:hover {color: #c6002a !important;}



/* ----- FOOTER ----- */

footer {
	background-color:#c6002a;
	color: #fff;
	font-size: 12px;
	padding: 15px;
	margin: 70px 0 15px 0;
	text-align: center;
	}


/* ----- TEAM ----- */

.team-member {margin-top: 100px; padding: 0 50px;}


.team-member img {
	max-width: 150px;
    width: 150%;
}

.team-member .member-name { padding-top: 10%; padding-left: 30px;}




/* ----- INVESTMENTS ----- */

.investment.tiled {  border-top: 5px solid #ac8240; margin-bottom: 50px; } 
.investment img {max-width: 100%; display: block; text-align: center;padding: 20px;}
/* .investment.realestate img {padding: 0; width: 100%;} */
.investment-info {background-color: #f9f7f5; padding: 20px;}
.investment-meta {margin-bottom: 10px;}
.investment-meta b {margin-bottom: 10px; display:block;}
.investment-meta i {font-size: 14px;}
.investment + hr {margin: 50px;}
 

.column {
  float: left;
  width: 30%;
  padding: 50px;
  text-align: center;
  font-size: 25px;
  cursor: pointer;
  color: white;
    margin: 10px;
}

.fullWidth {width: 60%;}


/* ------- HISTORY ------- */

.introText-hl {font-size: 22px; }
.introText-hl + hr { 
    width: 75px; 
    border: 3px solid #ac8240; 
    margin-bottom: 60px; 
}

#history-video {
    margin: 30px 0 0 30px ; 
    background-image:url("../img/Video-Bg.png");
    background-size: cover;
    color: white;
}

#history-video iframe {
    position: relative; 
    top: -25px; left: -25px;
}

.caption {
    position: relative;
    top: -15px;
    left: 20px;
}

img.history {width: 100%;}


 h3.history-title { 
    margin: 60px 0 30px 0;
    color: #ac8240; 
    font-size: 20px;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
}

h3.history-title:before,
h3.history-title:after {
    content: '';
    border-top: 1px solid #ac8240;
    margin: 0 20px 0 0;
    flex: 1 0 20px;
    max-width: 100px;
}

h3.history-title:after {
    margin: 0 0 0 20px;
} 

img.entity-dropcap {float:left; margin-right: 10px; padding: 2px;}

.history-conclusion {
    background-image: url("../img/skrf-bg-mobile.png");
    background-size: cover;
    background-position: left;
    padding: 75px 0 100px 0;
    color: #fff;
}

 .history-conclusion .col-md-6 + .col-md-6 {text-align: center;}
 
.history-conclusion img {
    margin-top: 50px;
    width: 200px;
}

.history-conclusion hr.lighter {border-color: #cea448;}

.history-conclusion + footer {margin-top: 0;}

.quote-banner {
    margin-top: 60px;
    background-image:url("../img/Video-Bg.png");
    padding: 50px;
}

.quote {
    /* font-size: 20px;
    color: #ac8240;
    padding: 30px 60px 0 0;
    text-align: center; */
}

.meet-founder {
    text-align: center;
    margin-top: 60px;
}

.meet-founder img {
    width: 100px;
}


/* ---- CONTACT ---- */

.form-container {margin-top: -55px;}








/* Medium and up devices (tablets, 768px and up) */
@media (min-width: 768px) {  
	
	.logo {width: 300px;}
	
	.container {padding-right: 15px; padding-left: 15px;}
	
 
	.home-header {
		background-image:url("../img/pittsburgh-bridge-goldhalf-18.png");
		background-size: cover;
	}

.red-bg-80 {
	background-color: transparent; 
	margin-top: 0;
	padding: 70px 40px 200px 40px;
	}

.red-bg-80 h3 {font-size: 1.75rem}	

	.shift-up {margin-top:-170px;}
    
    .first-row .team-member {margin-top: 0;}
    
   .history-conclusion {
    background-image: url("../img/skrf-bg.png");
    background-position: center;
}
    
    .history-conclusion img {
        position: relative;
        top: 325px;
        width: 200px;
        margin-top: 0;
    }
	
	footer {text-align: left;}
	footer .col-sm-6 + .col-sm-6 { text-align: right;}

}

@media (min-width: 992px) {  
	.navbar-nav {
		border-left: 1px solid #afb1b3;
		padding: 12px 0 12px 30px;
		margin: 20px 0 0 30px;
		text-align: left;
		}
    
}

@media only screen and (max-width: 600px)  {
    
    
    .history-conclusion img {
    position:static;
    width: 200px;}
    
     .col-sm-8 member-name {text-align:center;}
}