/*Body Styles*/
body {
  padding-top: 0px;
}

h2 {
  font-family: "proxima-nova", sans-serif;
  font-weight: 700;
    font-style: normal;
}

h4 {line-height: 125%;
  font-family: "proxima-nova", sans-serif;
  font-weight: 500;
    font-style: normal;
}

p {line-height: 125%;
  font-family: "proxima-nova", sans-serif;
  font-weight: 500;
    font-style: normal;
}

a.anchor {
    display: block;
    position: relative;
    top: -10px;
    visibility: hidden;
}

a {
  color: #EE964B;
  /*color: #337ab7;*/
}

a:hover {
  text-decoration: none;
}

/*Navigation Styles*/
.navbar-brand {
  font-family: "proxima-nova", sans-serif;
  font-weight: 700;
    font-style: normal;
    color: #EBEBD3;
}

.rightmenu {
  font-family: "proxima-nova", sans-serif;
  font-weight: 400;
    font-style: normal;
}

.navbar-default {
    background-color: transparent;
    border: 0;
    padding: 0px 25px 0px 25px;
}

.navbar-default .navbar-brand {
    color: #f3f3f3;
}

.navbar-default .navbar-brand:hover {
    color: #f3f3f3;
}

.navbar-default .navbar-nav li a {
    color: #f3f3f3;
}

.navbar-default .navbar-nav li a:hover {
    color: #EE964B;
}

/*Intro Styles*/
.jumbotron {
background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('../images/Track_1920x1080.jpg');
  height: 700px;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  margin-bottom: 0;
}

.jumbotron .container {
  position: relative;
  top: 100px;
}

.jumbotron h1, .jumbotron h2 {
  color: #f3f3f3;
   font-family: "proxima-nova", sans-serif;
  font-weight: 700;
    font-style: normal;
}

.btn-more, .btn-more:link, .btn-more:visited {
    background-color: transparent;
    border-radius: 0;
    color: #EE964B;
    border: 2px solid #EE964B;
    font-family: "proxima-nova", sans-serif;
    font-weight: 500;
      font-style: normal;
}
.btn-more:active, .btn-more:hover {
    background-color: #EE964B;
    color: #f3f3f3
}
.btn-placement {
  text-align:left;
  margin: 50px 0px 0px 0px;
}

/*About Styles*/
.about {
  color: #333333;
  background-color: #f3f3f3;
  padding: 20px 30px 30px 30px;
}

/*Portfolio Styles*/
.caption-head {
  margin: 0px 0px 0px 0px;
}

.portfolio {
  color: #333333;
  background-color: #FFF;
  padding: 10px 30px 30px 30px;
}

.thumbnail {
  display: inline-block;
  background-color: #FFF;
  overflow: hidden;
    border: none;
}

.thumbnail img {
    width: 100%;
}

@media (min-width:1200px){
    .auto-clear .col-lg-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-lg-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-lg-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-lg-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-lg-6:nth-child(odd){clear:left;}
}
@media (min-width:992px) and (max-width:1199px){
    .auto-clear .col-md-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-md-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-md-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-md-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-md-6:nth-child(odd){clear:left;}
}
@media (min-width:768px) and (max-width:991px){
    .auto-clear .col-sm-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-sm-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-sm-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-sm-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-sm-6:nth-child(odd){clear:left;}
}
@media (max-width:767px){
    .auto-clear .col-xs-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-xs-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-xs-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-xs-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-xs-6:nth-child(odd){clear:left;}
}

/*Contact Styles*/
.contact {
  color: #333333;
  text-align: center;
  background-color: #f3f3f3;
  padding: 10px 30px 30px 30px;
}
.contact-icons {
  text-align: center;
  margin: auto;
}

.contact-icons i {
  padding: 5px 5px 5px 5px;
  color: #333333;
}

.contact-icons i:hover {
  color: #EE964B;
}

/*Footer Styles*/
.footer {
  background-color: #333333;
  padding: 20px 0px 10px 0px;
}

.footer p {
  text-align: center;
  color: #FFF;
}

.footer a {
  color: #FFF;
}