html,body {
	height:100%;
    background-size: cover;
}

.icon-bar {
	background-color:#fff;
}

.navbar-trans {
	/*background-color:#279ddd;*/
    background-color: #333333;
    color:#fff;
    font-size: 18px;
}
.navbar-trans li {
    margin: 10px;
}

.navbar-trans li>a:hover,.navbar-trans li>a:focus,.navbar-trans li.active {
/*  background-color:#38afef;*/
  background-color: #333333;
/*  border-bottom: solid 2px #38AFEF;*/
}

.navbar-trans a{
    color:#fefefe;
}

.navbar-trans .form-control:focus {
	border-color: #eee;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(100,100,100,0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(100,100,100,0.6);
}

section {
	padding-top:70px;  
    padding-bottom:50px; 
    min-height:calc(100% - 1px);
}

.sub-section::after {
  color: #406da4;
  content: "....";
  display: block;
  font-weight: 300;
}

.v-center {
    padding-top:10%;
    font-size:70px;
}
  
.well {
	border-color:transparent;
}

a.list-group-item.active,[class*='-info'] {
	background-color: #168ccc;
    color:#fff;
}
  
#section1 {
/*	background-color: #168ccc;*/
    background-color: #888888;
    color:#dedeff;
    padding: 54px 0 0 0;
}
  
#section2 {
	background-color: #e5e5ef;
    color:#686868;
}
  
#section3 {
	background-color: #168ccc;
    color:#ddd;
}

#section4 {
	background-color: #fff;
    color:#444;
}

#section5,#section7,#section7 a {
    color:#f5f5f5;
}

#section6 {
	background-color: #168ccc;
    color:#ddd;
}

footer {
  background-color:#494949;
  color:#ddd;
  min-height:100px;
  padding-top:20px;
  padding-bottom:40px;
}

footer li>a {
    padding:3px;
    color:#FFF;
}

footer li>a:hover {
    background-color:transparent;
	color:#DDD;
}

.hero-unit {
    background-image:url('../assets/scale-2016-convention-center-02.png');
    background-size:cover;
    background-color: #EEEEEE;
    height:600px;
  
  }
.hero-unit h1 {
    color: #FFFFFF;
    font-size: 44px;
    letter-spacing: -1px;
    line-height: 1;
    margin-bottom: 0;
}
.hero-unit h2 {
    font-size: 23px;
    color: #FFFFFF;
   
}
.fill{width:100%;height:600px;background-position:center;background-size:cover;
}

/*------About Bigtop ---------------*/
#bigtop-about {
  background-color: #0099cc;
  padding: 0px;
}
.bigtop-about {
  background-image:url('/bigtop/assets/bigtop-backdrop-01.png');
  background-size:cover;
  background-color: #EEEEEE;
  height:640px;
}
.bigtop-about h1 {
  color: #FFFFFF;
  font-size: 38px;
  letter-spacing: -1px;
  line-height: 1;
  margin-bottom: 0;
}
.bigtop-about h2 {
  font-size: 20px;
  color: #FFFFFF;   
}
.bigtop-about h3 {
  font-size: 18px;
  color: #FFFFFF;
}

.bigtop-about.fill{width:100%;height:620px;background-position:center;background-size:cover;
}

/*------About Bigtop Workshops-------*/
#bigtop-workshops-about {
  background-color: #0099cc;
  padding: 0px;
}
.bigtop-workshops-about {
  background-image:url('/bigtop/assets/bigtop-backdrop-01.png');
  background-size:cover;
  background-color: #EEEEEE;
  height:640px;
}
.bigtop-workshops-about h1 {
  color: #FFFFFF;
  font-size: 38px;
  letter-spacing: -1px;
  line-height: 1;
  margin-bottom: 0;
}
.bigtop-workshops-about h2 {
  font-size: 20px;
  color: #FFFFFF;   
}
.bigtop-workshops-about h3 {
  font-size: 18px;
  color: #FFFFFF;
}

.bigtop-workshops-about.fill{width:100%;height:620px;background-position:center;background-size:cover;
}

/*------Budapest 2015-------*/
#budapest {
  background-color: #0099cc;
  padding: 0px;
}
.budapest {
  background-image:url('../assets/hoi-bg-01.jpg');
  background-size:cover;
  background-color: #EEEEEE;
  height:640px;
}
.budapest h1 {
  color: #FFFFFF;
  font-size: 38px;
  letter-spacing: -1px;
  line-height: 1;
  margin-bottom: 0;
}
.budapest h2 {
  font-size: 20px;
  color: #FFFFFF;   
}
.budapest h3 {
  font-size: 18px;
  color: #FFFFFF;
}

.budapest.fill{width:100%;height:620px;background-position:center;background-size:cover;
}

/* Large desktop */
@media (min-width: 1200px) { ... }
     
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { ... }
     
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { ... }
     
/* Landscape phones and down */
@media (max-width: 480px) { ... }