/* Custom fonts used

Source: Google Fonts
Code: link tags in head section.

font-family: 'Orbitron', sans-serif;
font-family: 'Aldrich', sans-serif;
font-family: 'Roboto Condensed', sans-serif;

*/

body {
	font-weight: 300;
        max-width: 1600px;
	font-family: 'Roboto Condensed', sans-serif;
}

p {
  max-width: 40em;
}

hr {
  border:none;
  border-top:1px #222 solid;
}

#credits {
  padding-top: 0;
  margin-top: 0;
}

#credits #copyright p { font-size: 1em; }

#credits * {
  text-align: center;
  max-width: 100%;
}

/*
#credits {
  border-top-style: solid;
  border-top-width: 1px;
  border-color: #222;
}
*/
#mobile-navbar-label {
    color: #fff;
    border: 0;
}

#navbar {

  border: 0;

}

#logo-small { 

display: none;
  font-family: 'Audiowide', cursive;
  font-size: 0.8em;

}

.affix {

  width: 100%;
  z-index: 10;
  top: 0px;

}

.affix #glyphicon {

  display: none;
  
}

.affix #logo-small {

  display: block;

}

#navbar .active a {

  background-image: none;
  background-color: transparent;
  font-weight: 400;

}

#print {
  display: none;
}

.page-header {
  padding-left: 1em;
}

.scalable-text {
  font-size: 2.4vw;
}

#page-wrapper {
	background: #fff;
}

#nav-container {

  background-color: #212121;

}

#nav-container > div.navbar-header > a > span.glyphicon.glyphicon-home {

  font-size: 20px;

}

#nav-container a {

  color: #fff;

}

.row {

  padding-top: 1em;
  padding-bottom: 1em;
  margin-top: 1em;
  margin-bottom: 1em;

}

#footer .glyphicon {
  font-size: 0.85em;
}

#main-content h1, h2, h3, h4, h5, h6 {

  font-family: 'Aldrich', sans-serif;
  font-weight: 500;

}

#main-content h2 {

  font-size: 2.2em;

}

#main-content h3 {

  font-size: 2.3em;

}

#main-content h4 {

  font-size: 2.2em;

}

#main-content h5 {

  font-size: 2.1em;

}

#main-content p, pre, span, address, li {

  font-size: 1.6em;

}

#main-content ul {

  padding-left: 0px;

}


#showcase-img-one {

  width: 100%;

}

.rm-hpadding {

  padding-left: 0px;
  padding-right: 0px;

}


#product-title {

  position: absolute;
  top: 0px;
  left: 14px;

}

#product-title h1 {

  font-size: 2.6em;
  font-weight: 700;
  text-shadow: 1px 1px #fff !important;

}

#product-title h1 small {
  color: #333;
  text-shadow: 1px 1px #fff !important;
}


#product-title * {

  font-family: 'Orbitron', sans-serif;

}

#page-header h1#page-title {

  margin-left: 12px;
  font-weight: 400;
  font-family: 'Audiowide', cursive;
  font-size: 1.8em;

}

#page-title small {

  color: inherit;
  font-size: 0.67em;
  font-weight: 400;
  font-family: 'Roboto Condensed', sans-serif;

}


#price-tag {

  position: absolute !important;
  top: 10%;
  left: -1.75em !important;
  background-image: url("../images/bg-price-tag.png") !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  padding-left: 3.1em !important;
  padding-right: 1.5em !important;
  padding-top: 0.6em !important;
  padding-bottom: 1.6em !important;

}

#price-tag p {

  font-family: 'Orbitron', sans-serif;
  font-size: 1.0em;
  color: #fff !important;

}

#customers ul li {

  font-size: 1.6em;

}

#feature-list {
  background: linear-gradient(to bottom left, rgba(100, 100, 100, 1), rgba(0, 0, 0, 1));
  color: #fff !important;
  padding-left: 3em;
  margin-top: 0;
  margin-bottom: 0;
  /* Obscure bug, fix*/
  float: right !important;
  width: 100% !important;
  /* end bug fix */
}

@media all and (min-width: 320px) {

  #price-tag {
    top: 10%;
  }

}

@media all and (min-width: 500px) {
  #page-title small {

    white-space: nowrap;
  }

  #price-tag {
    top: 12%;
  }


}

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

  #page-header h1#page-title {

    font-size: 2.8em;
  
  }

  #price-tag {
    top: 15%;
  }

}

@media all and (min-width: 992px) {

  body {

    margin-left: 5%;
    margin-right: 5%;
  
  }

  .affix {

    width: 90%;

  }

  #product-title h1 {
    font-size: 1.5em;
  }

  #feature-list {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    margin-top: 0 !important;
    margin-right: 0 !important;
    width: 35% !important;
    height: 100% !important;
    padding-top: 1.4em;
  }

  #feature-list {
    background: linear-gradient(to bottom left, rgba(0, 0, 0, 0.75), rgba(100, 100, 100, 0.75));
    color: white;
    padding-left: 3em;
  }

}

@media all and (min-width: 1600px) {

  #product-title h1 {
    font-size: 70px;
  }

}

@media print {

  @page { /* May cause false syntax error during CSS validation! */
      size: A4 portrait;
      margin-left: 2cm;
      margin-right: 1cm;
      margin-top: 1cm;
      margin-bottom: 1cm;
  }

#page-header h1#page-title {

  font-size: 1.8em !important;

}
#product-title h1 {

  font-size: 1.8em !important;
  text-shadow: 1px 1px white !important;

}

  #first-row {
    page-break-after: always;
  }

  .row {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
  }

  #price-tag {
    top: 3cm !important;
  }

  #feature-list  {
    background: linear-gradient(to bottom left, rgba(100, 100, 100, 1), rgba(0, 0, 0, 1)) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  #feature-list {
    padding-left: 2em !important;
  }
  
  #feature-list * {
    color: white !important;
  }

  #customers {
      background: #337ab7 !important;
  }

  #customers * {
      color: #fff !important;
  }

  a:link:after {
      content: none !important;
  }

  abbr:after {

    content: none !important;
  
  }

  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
  .visible-xs {
    display: none !important;
  }
  .hidden-xs {
    display: block !important;
  }
  table.hidden-xs {
    display: table;
  }
  tr.hidden-xs {
    display: table-row !important;
  }
  th.hidden-xs,
  td.hidden-xs {
    display: table-cell !important;
  }
  .hidden-xs.hidden-print {
    display: none !important;
  }
  .hidden-sm {
    display: none !important;
  }
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }

	
}