html, body {height:100vh; font-size:16px;}
body {
  font-family: 'Roboto-Light', sans-serif; letter-spacing: .08em;
  background-color:rgb(240, 240, 240);
}



.pt-20 {padding-top: 20px;}

.pb-40 {padding-bottom: 40px;}




h2 {margin-bottom:40px;}
h3 {font-size:1rem;}

em {font-family: 'Roboto-Light'; font-weight:300;}


.btn {border-radius:0;
  padding-left:1em;
  padding-right:1em;
}
.btn i {margin-right:.3em;}

div.container {background-color:white;}

div#page.container {
  padding-bottom:100px;
  margin-top:40px; /* default - overwritten by js */

}



/* ---------------------------------------- NAV */

nav#nav-main {margin:0; border:none; border-radius:0; background-color:rgb(240, 240, 240);}
nav#nav-main div.container {background-color: rgb(249, 249, 249);}
.navbar-brand {height:auto; width:200px;}



/* ---------------------------------------- HERO */
#hero {
   background: #FFF url(../img/ztp_4.jpg) no-repeat left center;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   min-height:400px;
   color:white;
   padding-top:20px;
   padding-bottom:40px;
}

#hero h1 {font-size:40px; font-weight:500;}
#hero h2 {font-weight: 300; font-size:24px;}
#hero span {font-size:24px; display:block; padding-top: 20px;}


/* ---------------------------------------- SECTIONS */

section.content {
  padding:20px 40px 40px 40px;
}


@media (max-width: 768px) {
  section.content {
    padding-left:20px;
    padding-right:20px;
  }
}


section#about div#turbine-wrapper {padding:40px 0 20px 0;}

section#venue adress {padding-bottom:20px; }
section#venue div.btn-wrapper {
  padding-top:20px;
  padding-bottom:40px;
}


table#table-agenda .time {min-width:140px;}
table#table-agenda .item {}
tr._idGenTableRowColumn-8 {
  /*background-color:#AFCA7C;*/
  /*color:#AFCA7C;*/
  color:#85b63c;
}

@media (max-width: 768px) {

}



section#contact h3 {min-height:60px; padding-bottom:10px}
section#contact div.logo-wrapper {height:60px; margin-bottom: 20px;}
section#contact div.logo-wrapper img {height:100%;width:auto;}



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


footer div.container {
  background-color:rgb(200, 200, 200);
  padding:40px 60px 40px 60px;
  font-size:12px;
  line-height:1.2em;
  font-weight:500;
  font-family: "Roboto";
  letter-spacing:0;

}