@import url(http://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic|Oleo+Script|Roboto+Slab:100,300|Roboto:400,100,100italic,300,300italic,400italic,700,700italic);



h1,
h2 {
  font-family: 'Lora', serif !important;
  font-weight: 700 !important;
}

h3 {
  font-family: 'Roboto Slab', serif !important;
  font-weight: 300 !important;
}

.navbar {
  width: auto;
}

.nav > li > a {
  padding-top: 17px;
}

.brand {
  padding: 5px 5px !important;
  vertical-align: middle;
}

.mobileLogo {
  padding-top: 5em;
  width: 50%;
  height: auto;
}

.jumbotron {
	/*background-image: url('/static/images/onthego/DcPanoramaWeb2.jpg') !important;*/
	/*color: white;
	height: 37.5em;
	background-repeat: no-repeat !important;
	padding-top: 0;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;*/
}

.attention {
	padding: 1.5em 0;
}

.appstore, .appstore2 {
  vertical-align: middle;
  text-align: center;
}

.appstore a, .appstore2 a {
  display: inline-block;
  padding-bottom: 1em;
}

.appstore2 ul {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left;
}

.appstore2 ul li {
  padding-left: 0;
  margin-left: 0;
}

#pickit {
  text-align: right;
}

.row {
	margin: 2em 0;
	padding-bottom: 1em;
}

.content {
  text-align: center;
}

.content p, .content ul {
	padding: 0 3em;
	margin: 2em auto;
	text-align: left;
}

.content a {
  margin-right: 2em !important;
}

.content ul {
  padding-left: 4em;
}

.content ul > li {
	margin-bottom: .5em;
}

.content2 {
  text-align: right;
  padding: 1em 1em;
}

.content3 {
  padding: 1em 1em;
}

.whitebg, .whitebg2 {
	background-color: #fafafa;
  margin-bottom: 2em;
}

.whitebg2 {
  margin-top: 5em;
}

.address {
  font-style: italic;
}

.install {
  padding-left: 2em;
  padding-right: 1em;
}

@media (max-width: 768px) {
.phonePadding {
  padding-top: 5em;
}

.appstore2 ul {
  padding-top: 3em;
  text-align: center;
}
}

@media (min-width: 768px) and (max-width: 1005px) {

.appstore2 ul {
  text-align: center;
  padding-top: 4em;
}
}

/* Jumbotrons
-------------------------------------------------- */

/* Base class
------------------------- */
.jumbotron {
  position: relative;
  padding: 40px 0;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075);
  background: transparent;
}
.jumbotron h1 {
  font-size: 80px;
  font-weight: bold;
  letter-spacing: -1px;
  line-height: 1;
}
.jumbotron p {
  font-size: 24px;
  font-weight: 300;
  line-height: 1.25;
  margin-bottom: 30px;
}

/* Link styles (used on .masthead-links as well) */
.jumbotron a {
  color: #fff;
  color: rgba(255,255,255,.5);
  -webkit-transition: all .2s ease-in-out;
     -moz-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}
.jumbotron a:hover {
  color: #fff;
  text-shadow: 0 0 10px rgba(255,255,255,.25);
}


/* Pattern overlay
------------------------- */
.jumbotron .container {
  position: relative;
  z-index: 2;
}
.jumbotron:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(/static/images/onthego/bs-docs-masthead-pattern.png) repeat center center;
  opacity: .4;
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1) {

  .jumbotron:after {
    background-size: 150px 150px;
  }

}

/* Masthead (docs home)
------------------------- */
.masthead {
  padding: 70px 0 80px;
  margin-bottom: 0;
  color: #fff;
}
.masthead h1 {
  font-size: 120px;
  line-height: 1;
  letter-spacing: -2px;
}
.masthead p {
  font-size: 40px;
  font-weight: 200;
  line-height: 1.25;
}

/* Textual links in masthead */
.masthead-links {
  margin: 0;
  list-style: none;
}
.masthead-links li {
  display: inline;
  padding: 0 10px;
  color: rgba(255,255,255,.25);
}

/*FEATURE.HTML STYLE --------------------------------------*/

#title {
  margin-top: 5em;
  margin-bottom: 3em;
}

.alignRight {
  text-align: right;
}

.BG_slide {
  /*background: url('/static/images/onthego/DcPanoramaWeb2.jpg') fixed center top no-repeat #000000;*/
  background-image: url('/static/images/onthego/DcPanoramaWeb2.jpg');
  background-size: cover;
  /* Blue */
  margin: 0;
  padding: 20px 0 0 0; }
.BG_slide:after {
  content: "";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both; }

#header-fader {
  background-color: #2b2b2b;
}

.nav>li>a:focus , .nav>li>a:hover {
  background-color:transparent;
}


iframe {
  min-width: 0;
  min-height: 0;
}

.embed-container {
  position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;
}
.embed-container iframe, .embed-container object, .embed-container embed {
  position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}

.phone-example {
  max-width: 300px;
}


@media all and (max-width: 991px) {
  nav.navbar-fixed-top .container {
    background: #2b2b2b;
  }

  nav.navbar-fixed-top .topRight {
    float: none;
  }

}