/*!
 * Start Bootstrap - Heroic Features HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
    padding-top: 70px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

.hero-spacer {
    margin-top: 50px;
}

.hero-feature {
    margin-bottom: 30px;
	display: flex;
}

@media (min-width: 767px) {
    .row, .row > div[class*='col-'] {  
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex:1 0 auto;
}

}


.footer {
    margin-bottom: 30px;
}


.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-image: url(/images/bubbleheader.jpg);
  background-size: cover;
  height: 100%;}
}

.jumbotron h1,
.jumbotron .h1 {
  background-color: blue;
  color: white;
}
.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}

footer {
    margin: 50px 0;
    margin-bottom: 30px;
}

@media (max-width: 767px) {
    footer{text-align: center;}
	h3{text-align: center; font-size: 18px;}
	h2{font-size: 20px;}
	h1{text-align: center; font-size: 16px;}
	#hiddenmobile {display:none;} 
}