/* Move down content because we have a fixed navbar that is 50px tall */
body {
  padding-top: 80px;
  padding-bottom: 0px;
  font-family: 'Roboto', sans-serif;
  font-size:15px;
}

.navbar-inverse
{
	background-color:#000;
	border-bottom:0px;
}

.logo, .logo:hover, .logo:focus 
{
	height:100px;
	padding-top:35px;
	background-color:#000 !important;
	font-family: 'Oswald', sans-serif;
	color:#ffcc00 !important;
	font-size:38px;
	letter-spacing:2px;
}

.logo a:link, .logo a:hover, .logo a:focus 
{
	color:#000;
}

.navbar-nav
{
	margin-top:40px;
}

.navbar-nav > li > a
{
	font-family: 'Oswald', sans-serif;
	font-size:18px;
	text-transform:uppercase;
}

.nav > li > a
{
	padding:0px 30px;
	border-right:1px solid #fff;
}

.NavLast { border-right:0px !important; }

.Banner
{
	background-color:#555555;
	/*height:500px;
	background: url(../images/slide1.jpg) no-repeat left bottom;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/
	
	

}

.BannerHeading
{
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-size:50px;
	text-transform:uppercase;
	color:#fff;
	padding-bottom:20px;
	border-bottom:1px solid #7a7a7a;
	line-height:55px;
	margin-top:55%;
}

.BannerHeading span
{
	font-weight:400;
}

h1, h2, h3, h4, h5
{
	color: #000;
    font-family: "Oswald",sans-serif;
    font-weight: 400;
    text-transform: uppercase;
}

h3 {
    font-size: 16px;
    margin: 50px 0 10px;
}

h2 {
    font-size: 45px;
    line-height: 45px;
    margin: 0;
}

.HeadingDivider
{
    background-color: #ffb400;
    height: 5px;
    margin: 30px 0 50px;
    width: 70px;
}

.WhiteStrip
{
	background-color:#fff;
	padding:50px 0px;
}

.GreyStrip
{
	background-color:#f7f7f7;
	padding:50px 0px;
}

/* for the skills chart */
.chart {
  position: relative;
  display: inline-block;
  width: 154px;
  height: 154px;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
  background-color:#fff;
  border-radius:50%;
}
.chart canvas {
  position: absolute;
  top: 0;
  left: 0;
}

.chart-text
{
	margin:30px 0;
}

.chart-text h4 { font-size:25px;font-weight:100; }

.percent {
  display: inline-block;
  line-height: 154px;
  z-index: 2;
  font-family:"Oswald",sans-serif;
  font-size:40px;
  font-weight:400;
  color:#ffb400;
  letter-spacing:-1px;
}
.percent:after {
  content: '%';
  margin-left: 0.1em;
  font-family:"Oswald",sans-serif;
  font-size:40px;
  font-weight:100;
}

/* for the skills chart - end */

 

.tick-list ul li::before {
    content: "";
    font-family: "FontAwesome";
    font-size: 15px;
    margin: 0 5px 0 0;
}

.tick-list ul
{
	margin:0;
	padding:0;
}

.tick-list ul li
{
    list-style: outside none none;
    padding: 5px 0 0;
}

.Experience h4
{
	color:#ffb400;
	font-size:25px;
	text-align:center;
}

.Experience h5
{
	text-align:center;
}

.CenterAlign
{
	text-align:center;
}

.contact h5 { color:#ffb400;font-size:16px;font-family:"Roboto Condensed"  }
.contact h5 span { color:#000;font-weight:200;display:block;line-height:28px;  }

.contact-social
{
	margin-top:30px;
}

.contact-social i {
    color: #797979;
}
.contact-social a i {
    font-size: 25px;
    margin: 0 14px
}
.contact-social a:first-child i {
    margin: 0 15px 0 0
}
.contact-social i {
    transition-duration: .2s;
    -moz-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
}
.contact-social i:hover {
    color: #000;
}

.Profile h2 span { color:#ffb400; }

.footer { color:#fff;padding:10px 0px; }