/*header*/
.navbar-default .navbar-nav { margin: 0 auto;}

.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li.active > a {
    color: #fff;
	font-size: 16px;
	font-weight: 500;
	line-height: 21px;
    background-color: rgba(47,27,18, 0.8);
}

.navbar-default .navbar-collapse {
    border-color: transparent;
	text-align:center;
	margin:0px auto;
	min-height:300px;
	width:100%;
	background-color:rgba(47,27,18, 0.95);
	color:white;
}

.navbar-collapse .navbar-nav > li.active {
	background: transparent;
}

.navbar-collapse .navbar-nav > li.active > a {
	font-weight:bold;
}

.navbar-collapse .navbar-nav > li > a:hover,
.navbar-collapse .navbar-nav > li > a:active,
.navbar-collapse .navbar-nav > li > a:focus {
    font-weight: bold;
}

.hvrcenter:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #eeeeee;
    height: 1px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}


.navbar-nav > li > .dropdown-menu {
    width: 100%;
	margin-left: 10px;
}

.navbar-default .navbar-nav .open .dropdown-menu > li {background:#e64a19; margin-left: 10px;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: white;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: white;
}

/*footer*/
footer {
	min-height:15vw;
}
footer .row-tend {
	min-height:12vw;
	padding-top:1.3vw;
}
footer .ten-d-engergies {
	margin:1.3vw;
	font-size: 4.17vw;
    line-height: 6.25vw;
}
footer .saving-our-planet-on {
	margin:2.6vw 1.3vw;
    font-size: 2.73vw;
	line-height: 4.3vw;
}

/*overwrite bootstrap*/
.btn-red {
	width:34vw;
	height: 9vw;
	font-size: 3.5vw;
}

.container-80{
	width:87vw;
}

/** home page **/
.home-hero {
    background: url("../images/mobile/Desktop-home-herobg.png") no-repeat center center fixed;
}

.home-hero h1 {
	font-size: 6vw;
	line-height: 7.5vw;
}

.home-hero h2  {
	font-size: 5vw;
	line-height: 6.15vw;
}

.home-hero span {
	font-size: 3.75vw;
}

.home-hero p {
	font-size: 3.75vw;
	line-height: 4.8vw;
	padding: 6.5vw 1.3vw;
}

.home-hero-heading {
	padding:26vw 1.3vw 6.5vw 1.3vw;
}

.home-hero-box {
	padding:3vw 1.3vw 6.5vw 1.3vw;
}

.home-info .orange{
	padding:13vw 2.6vw;
}
.home-info .white{
	padding: 4.15vw;
}

.home-info .icon {padding-bottom: 2.6vw;}

.home-info .icon-text {
	font-size: 6vw;
	line-height: 7.8vw;
}
.home-info h2 {
	font-size: 4.3vw;
	line-height: 5.5vw;
}

.home-info p {
	font-size: 3vw;
	line-height: 3.6vw;
	line-height: 150%;
}

/** Gazele3 page **/
.gazele3-hero h1 {
	font-size: 6vw;
	line-height: 7.5vw;
}

.gazele3-hero h3  {
	font-size: 4vw;
	line-height: 6.15vw;
}

.gazele3-info h1 {
	font-size: 6vw;
	line-height: 7.4vw;
}

.gazele3-info p {
	font-size: 3.25vw;
	line-height: 5.2vw;
}

.gazele3-hero-heading {
	padding-top:13vw;
}

.gazele3-info .orange{
	padding:6.5vw 2.75vw;
}

.gazele3-benefits h2 {
	font-size: 6vw;
	line-height: 6.5vw;
	padding: 6.15vw 2.6vw 0vw 2.6vw;
}


/** about page **/
.about-hero {
    background: url("../images/mobile/Desktop-about-herobg.png") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.about-hero h1 {
	font-size: 6vw;
	line-height: 7.5vw;
	padding:2.1vw;
}

.about-hero-heading {
	padding:35vw 1vw 2.6vw 1vw;
}

.about-hero-messagewrapper {
	top:26vw;
}

.about-hero-message {
	padding:3.6vw 1.8vw;
}

.about-hero-message h1 {
	font-size: 5.5vw;
	line-height: 7.4vw;
	padding: 0 7.8vw 3.6vw 7.8vw;
}

.about-hero-message p {
	color: #474747;
	font-size: 18px;
	font-weight: 500;
	line-height: 25px;
}

.about-info {
	padding-top:32vw;
}
.about-info h1 {
	font-size: 5.5vw;
	line-height: 7.4vw;
	padding: 2.6vw 2.6vw 5.2vw 2.6vw;
}

.about-info p {
	font-size: 3.125vw;
	line-height: 5.2vw;
}

.about-info .panel-heading, .about-info .panel-body {
  text-align: center;
}

.about-info .panel-heading{
  font-size: 4.2vw;
}

.about-team h1 {
	font-size: 5.8vw;
	line-height: 8.5vw;
	padding: 0 7.8vw 3.6vw;
}

/** news page **/
.news-hero {
    background: url("../images/mobile/Desktop-news-herobg.png") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.news-hero-heading {
	padding: 50vw 0vw 2.6vw 1.3vw;
}

.news-hero h1 {
	font-size: 6vw;
	line-height: 7.5vw;
}

.news-hero h3  {
	font-size: 4.2vw;
	line-height: 5vw;
}

.news-hero span {
	font-size: 3.75vw;
}

.news-hero p {
	font-size: 3.75vw;
	line-height: 4.8vw;
	padding: 6.5vw 1.3vw;
}

.news-event h1 {
	font-size: 5.5vw;
	line-height: 7.5vw;
	padding: 2.6vw 2.6vw 5.2vw;
}

.news-event p {
	font-size: 3.75vw;
	line-height: 5.2vw;
	padding:3.2vw 1.5vw 1.5vw 7.5vw;
}

/** contact-us page **/
.contact-hero {
	background: url("../images/mobile/Desktop-contactus-herobg.png") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.contact-formwrapper {
  position:relative;
	top:100px;
}

.contact-form h1 {
	padding: 0 1.3vw 3.9vw;
	font-size: 6.2vw;
	line-height: 8.6vw;
}

.contact-form p {
	font-size: 3.6vw;
	line-height: 5vw;
}

.contact-form p.text-danger {
  font-size: 2.1vw;
  line-height: 3.6vw;
}

.contact-info {
	padding-top:32vw;
}

.button-wrapper {
	padding:3.9vw 2.6vw 3.9vw 1.3vw;
}

.spacer-white {
	padding:13vw 0;
}

.about-info .jbox {border:0px solid red; min-height:200px; padding-top:20px; padding-bottom:20px;}
.about-info .icon-right {margin-top:35px;}
.benefits-wrapper {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 30px;
}
.panel {min-width:120px;}