/* Layout
   ========================================================================== */

body {
	font-size: 16px;
	color: #333;
	padding-top: 70px;
	/*font-family: 'Source Sans Pro', sans-serif;*/
	font-family: 'Open Sans', sans-serif;
}

.container {
	width: 95%;
}

.uploadFeature,
.stationFeature,
.deliveryFeature {
	margin: 4rem 0;
}

#featureSection {
	margin-bottom: 2em;
}

#featureSection:first-child {
	margin-top: 2em;
}

#featureSection:last-child {
	margin-bottom: 2em;
}

.prices {
	margin: 4rem 0;
	background: #f2f2f2;
	padding: 2rem 0 0;
}

.priceInfo {
	margin-bottom: 4rem;
	padding: 2em 0em;
	background-color: white;
}

.priceSpacer {
	margin-top: 7.25em;
}

table {
	font-weight: 200;
}

.extraInfo {
	margin: 2em 0 2em;
}

.ioGates{
	margin: 2em 0;
}

.brands {
	margin: 2em 0 4em;
}

#contact {
	margin: 2em 0;
	padding-bottom: 1em
}

.priceList {

}

/* Typography  hover blue=3D77BA
   ========================================================================== */
.center {
	text-align: center;
}

.navbar-nav li a,
.navbar-brand {
	font-size: 1em; /*16px*/
	font-weight: 200;
}

h2 {
	font-weight: 300;
	font-size: 1.75em;
}

p {
	font-weight: 200;
	line-height: 1.5;
}

.jumbotron h1{
	font-size: 2.125em;
	font-weight: 300;
}

p.lead{
	font-size: 18px;
	color: #666;
	margin-bottom: 4em;
}

.aboutText {
	text-align: center;
}

.prices h2,
.prices h3 {
	text-align: center;
}

h3 {
	font-size: 1em;
	font-weight: 400;
}

.prices strong {
	font-weight: 500;
}

.prices span {
	font-size: .5em;
}

li {
	list-style-type: none;
	padding-left: none;
	font-weight: 200;
}

.priceList span{
	font-size: 1em;
	text-align: right;
	margin-left: 10%;
}

.green{
	color: #33B679;
}

.red {
	color: #dB4437;
}

li .glyphicon-ok,
li .glyphicon-remove {
	color: inherit;
}

.tableTittle {
	margin-bottom: -1em;
}

.includedList tr,
.includedList td{
	font-size: 1em;
	text-align: left;
}

.includedListxs {
	margin-top:-2em;
}

.miniText{
	font-weight: 200;
	font-size: .75em;
}

.contact {
	text-align: center;
}


/* Images/Layout
   ========================================================================== */
.imageWrapper{
	position: relative; 
	/*width: 195px; 
	height: 195px;*/
}

.tvImg {
	position: relative; 
	z-index: 1;	
}

.fileImg {
	position: absolute;
	width: 80%;
	left:16px; 
	top: 7px;
	z-index: 10;
}

.inspect{
	width: 4em;
	margin: auto;
	margin-bottom: -1em;
}

.ioGatesLogo{
	width: 60%;
	float: none;
    margin: 0 auto 2em;
}

/* Navigation
   ========================================================================== */
.navbar-default {
	-webkit-box-shaddow: none;
	box-shadow: none;
	opacity: 0.9;
}

/* Buttons
   ========================================================================== */
button .navbar-toggle{
	background-color: red;
}

.btn {
	font-weight: 200;
}

.btn-default {
	border-width: 1px;
	border-color: #4A90E2;
	background: none;
	margin-right: 15px;
	padding: 12px 22px;
	 -webkit-transition: all ease 100ms;
    -moz-transition: all ease 100ms;
    -o-transition: all ease 100ms;
    transition: all ease 100ms;
}

.btn-default:hover{
	color: #FFF;
	background: #4A90E2;
	border-color: #4A90E2;
}

/* Jumbotron
   ========================================================================== */
.jumbotron {
	text-align: left;
	margin: 4rem 0;
}

/* Glyphicons
   ========================================================================== */
.glyphicon {
	font-size: 4rem;
	display: block;
	text-align: center;
	color: #3a87ad;
}

.includedList .glyphicon{
	font-size: 1em;
	float: left;
	color: inherit;
}

/* Media Queries
   ========================================================================== */
@media (min-width: 420px) {
  .container {
    width: 90%;
  }
}
@media (min-width: 641px) {
  .container {
    max-width: 80%;
  }
  .priceInfo {
	padding: 2em 4em;
	}
}
@media (min-width: 1025px) {
  .container {
    max-width: 720px;
  }

}