a:hover, a:active { outline: 0; }


/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9
 */

svg:not(:root) { overflow: hidden; }



body {
		padding-top: 10px;
        padding-bottom: 40px;
}
.masthead h3{background: url(../img/logo.png) center 0 no-repeat; width:269px; height:193px; margin:0 auto; clear:both; background-size: 100%;}
.masthead .nav{margin-bottom:0}
.masthead .nav-pills > li > a {
padding-top: 0;
margin-top: 0;
padding-bottom: 0;
margin-bottom: 0;
}	  
.masthead .nav-pills > li > a:hover {background-color: transparent; text-decoration:underline;}
.masthead h3, .masthead a{color:#04386f; font-family: Verdana}
.container{max-width: 960px;}
.container h2{
font-family: 'Carrois Gothic SC', sans-serif;
color: #04386f;
text-transform: uppercase;
letter-spacing: -1px;
}
p.center{margin-top:12px;}

      /* Custom container */
      .container-narrow {
        margin: 0 auto;
        max-width: 1100px;
      }
      .container-narrow > hr {
        margin: 30px 0;
      }
      .container-narrow  hr.first{
        margin: 0 0 30px 0;
      }
      /* Main marketing message and sign up button */
      .jumbotron {
        margin: 10px auto 0 auto;
		background: url(../img/iphones.jpg) 0 0 no-repeat;
		width: 1100px;
		height: 736px;
		background-size: 100% 100%;
		display:block;
		overflow: hidden;
      }
      .jumbotron h1 {
        font-size: 72px;
        line-height: 1;
      }
      .jumbotron .btn {
        font-size: 21px;
        padding: 14px 24px;
      }

      /* Supporting marketing content */
      .marketing {
        margin: 0;
      }
      .marketing p + h4 {
        margin-top: 28px;
		}
		.hide-text {
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		}
		
.qr{margin-right:20px; float: right}
.qr-text p{padding-top:12px;}		
.btn-download{float:right; display: block; width: 185px; text-transform: uppercase; font-size: 10px; font-family: Verdana; line-height: 18px;}
.btn-download span{font-size: 19px;}
.btn-download:before{content: url(../img/download1.png); display: block; float:left; width: 37px; height: 37px; margin-top:1px; padding-right:5px;}	
.footer{text-align:center}		
/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* Large desktop */
@media (min-width: 1200px) {       
	
}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
		
		.jumbotron {	width:880px; height:589px}
		.masthead h3{width: 215px; height:160px}
		.qr{float: none}
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
		.jumbotron {	width: 550px; height:368px}
		.masthead h3{width: 134px; height: 100px}
		.btn-download{float:none; margin:0 auto}
		.qr{float: none}
}
 
/* Landscape phones and down */
@media (max-width: 480px) { 
		.jumbotron {	width: 330px; height:221px}
		.masthead h3{width: 134px; height: 100px}
		.btn-download{float:none; margin:0 auto}
		.qr{float: none}
		p.center{margin-top:0;}
}