@font-face {
    font-family: "HighSchool";
    src: url(../fonts/HighSchoolUSASans.ttf) format("truetype");
}

body {
	background: url(../images/bg-opt.gif) 0 0 fixed;
	background-size: cover;
}

.navbar { 
    font-family: "HighSchool", Verdana, Tahoma;
    background: #fff;
    color: #000;
    opacity: .95;
}

.navbar-nav li a {
    height: 65px;
    line-height: 36px;
    color:#000;
}

.navbar-default .navbar-nav>li>a {
	color:#000;
	font-size: 18px;
}

.navbar-brand {
	height: 65px;
    line-height: 25px;
}

.navbar-brand span {
	color: #000;
	clear: both;
	float: left;
}

.navbar-brand span.main-text {
	font-size: 40px;
}

.navbar-brand span.sub-text {
	font-size: 13px;
}

.jumbotron {
	background: transparent;
	margin-top: 65px;
}

.jumbotron h1 {
    font-family: "Times New Roman", Georgia, Serif;
}

.jumbotron h1 span {
    float: left;
    background: #000;
    color: #fff;
    margin-bottom: 10px;
    clear: both;
    font-size: 45px;
}

h2 {
	font-size: 18px;
    background: #000;
    color: #fff;
    margin: 0;
    padding: 20px;
    -webkit-box-shadow: 0px 0px 21px 2px rgba(0,0,0,0.28);
	-moz-box-shadow: 0px 0px 21px 2px rgba(0,0,0,0.28);
	box-shadow: 0px 0px 21px 2px rgba(0,0,0,0.28);
}

p {
    margin: 0 0 30px;
    background: #fff;
    padding: 20px;
    -webkit-box-shadow: 0px 0px 21px 2px rgba(0,0,0,0.28);
	-moz-box-shadow: 0px 0px 21px 2px rgba(0,0,0,0.28);
	box-shadow: 0px 0px 21px 2px rgba(0,0,0,0.28);
}

.work p {
	font-size: 12px;
}

.cbox {
    margin: 0 0 30px;
    background: #fff;
    padding: 20px;
    -webkit-box-shadow: 0px 0px 21px 2px rgba(0,0,0,0.28);
	-moz-box-shadow: 0px 0px 21px 2px rgba(0,0,0,0.28);
	box-shadow: 0px 0px 21px 2px rgba(0,0,0,0.28);
}

.portrait {
	float: left;
    height: 150px;
    padding-right: 20px;

}

@media only screen and (max-width: 767px) {
	.jumbotron h1 span {
	    font-size: 35px;
	}
}

.portfolio-thumb {
	width: 100%;
	height: 200px;
	display: block;
	-webkit-box-shadow: 0px 0px 21px 2px rgba(0,0,0,0.28);
	-moz-box-shadow: 0px 0px 21px 2px rgba(0,0,0,0.28);
	box-shadow: 0px 0px 21px 2px rgba(0,0,0,0.28);
  	transition: border-width 0.1s ease;
  	border-width: 0px;
  	border-color: #000;
    border-style: solid;
}
.portfolio-thumb:hover {
  	border-width: 4px;
}

.xstream {
	background: url(../images/portfolio/xstream-small.png) 0 0 no-repeat;
	background-size: cover;
}

.viewtrust {
	background: url(../images/portfolio/Viewtrust-dashboard-small.png) 0 0 no-repeat;
	background-size: cover;
}

.thrifty {
	background: url(../images/portfolio/thrifty-redesign-small.jpg) 0 0 no-repeat;
	background-size: cover;
}

.sharecare {
	background: url(../images/portfolio/sharecare-small.png) 0 0 no-repeat;
	background-size: cover;
}

.lowes {
	background: url(../images/portfolio/mylowes-small.png) 0 0 no-repeat;
	background-size: cover;
}

.mba {
	background: url(../images/portfolio/mba-small.jpg) 0 0 no-repeat;
	background-size: cover;
}

.ge {
	background: url(../images/portfolio/ge-energy-small.png) 0 0 no-repeat;
	background-size: cover;
}

.full {
	background: url(../images/portfolio/full-liquor-small.jpg) 0 0 no-repeat;
	background-size: cover;
}

.dtown {
	background: url(../images/portfolio/dtown-small.png) 0 0 no-repeat;
	background-size: cover;
}

.dollar {
	background: url(../images/portfolio/dollar-small.png) 0 0 no-repeat;
	background-size: cover;
}

.doctoroz {
	background: url(../images/portfolio/doctoroz-small.png) 0 0 no-repeat;
	background-size: cover;
}

.dearly {
	background: url(../images/portfolio/dearly-loved-small.png) 0 0 no-repeat;
	background-size: cover;
}