@import url(http://fonts.googleapis.com/css?family=Oswald);
@import url(http://fonts.googleapis.com/css?family=Raleway:400,300,600,700,800);

body{
	background: url(../images/mainbg.jpg) repeat;
}

.navbar{
	background:#2595fe;
}

.nav > li > a {
	color:white;
	transition:background ease-in .5s;
	-webkit-transition:background ease-in .5s;
	-moz-transition:background ease-in .5s;
	-ms-transition:background ease-in .5s;
}

.nav > li > a.active,
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #1076d5;
}

.navbar-toggle {
background-color:#1c7bd4;
}

.navbar-toggle .icon-bar{
	background-color:white;
}

.btn-info {
  transition:all linear .3s;
  -webkit-transition:all linear .3s;
  -moz-transition:all linear .3s;
  -ms-transition:all linear .3s;
}

header{
	background:url(../images/header.jpg) no-repeat center center;
	padding-top:80px;
	padding-bottom:30px;
	text-align:center;
	background-size:cover;
	
}

header img{
	margin:-20px 0 0px 0;
}

header h1{
	font:75px 'Raleway',Arial,sans-serif;
	color:white;
	padding-bottom:10px;
	margin-top:90px;
	font-weight:bold;
}

header h2{
	font:30px 'Oswald',Arial, sans-serif;
	color:white;
	background:black;
	opacity:0.5;
	padding:5px;
	border-radius:5px;
	width:380px;
	margin:0 auto 10px;
}

header .img-responsive{
	width:auto;
	height:auto;	
}

section{
	padding:15px 0 15px 0;
}

#benefits p{
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#0e3f6b;
}

#ingredients{
	background:url(../images/ingrdientsbg.jpg) no-repeat center center;
	padding:20px 0 20px 0;
	background-size:cover;
	border:1px solid white;
}

.ingredients-bg{
	background:white;
	padding:10px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-ms-border-radius:5px;
	opacity:.9;
	margin:0 auto 10px;
	text-align:center;
	/*width:auto;
	max-width:460px;*/
}

#ingredients .col-md-6{
	text-align:center;
}


#ingredients h2{
	font:45px 'Raleway',Arial,sans-serif;
	color:#e4ff90;
}

#ingredients h4{
	font:25px Arial, Helvetica, sans-serif;
	color:#669d17;
}

#ingredients p{
	font-size:14px;
	color:black;
}

.pull-left {
  float: left !important;
  margin-right:10px;
}

#orderbg{
	background:url(../images/order-bg.jpg) no-repeat center center;
	padding:20px 0 50px 0;
	background-size:cover;
}

#orderbg h1{
	font-size:40px;
	color:white;
	text-shadow:black 1px 1px 1px;
	font-weight:bold;
}

#orderbg p{color:#FFF;}

#orderbtn{
	background:#0c96ee;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-ms-border-radius:5px;
	width:320px;
	text-align:center;
	-moz-box-shadow:    inset 0 0 8px #28abfe,0 4px 2px -2px rgba(0,0,0,0.4);
   -webkit-box-shadow: inset 0 0 8px #28abfe,0 4px 2px -2px rgba(0,0,0,0.4);
   	box-shadow:        inset 0 0 8px #28abfe,0 4px 2px -2px rgba(0,0,0,0.4);
   	transition:all linear .4s;
	 -webkit-transition:all linear .4s;
	 -moz-transition:all linear .4s;
	 -ms-transition:all linear .4s;
	
}

#orderbtn a{
	 text-decoration:none;
	 font:50px 'Oswald',Helvetica,sans-serif;
	 color:white;	 
}

#orderbtn:hover{
	opacity:.8;
}

#subpages p{
	line-height:24pt;
}

#subpages .row{
	margin-top:50px;
}

.well-lg{
	border-left:10px solid #5bc0de;
}

.panel-primary{
	margin-top:30px;
}

/*footer*/
#footerbg{
	background:#181e2a;
}

footer{
	font:12px Arial, Helvetica, sans-serif;
	color:white;
}

footer a{
	color:white;
	font-size:13px;
	
}

/*text styles*/


h1{
	font:40px 'Raleway',Arial,sans-serif;
	color:#049ceb;
	padding-bottom:10px;
}

h2{
	font:38px 'Raleway',Arial,sans-serif;
	color:#272727;
	padding-bottom:10px;
	text-transform:uppercase;
}

p{
	font:15px/18pt Arial, Helvetica, sans-serif;
	padding-bottom:10px;
}

@font-face {
    font-family: armalite_rifleregular;
    src:url(armalite_rifle-webfont.eot);
	src:url(armalite_rifle-webfont.svg);
	src:url(armalite_rifle-webfont.ttf);
	src:url(armalite_rifle-webfont.woff);
    font-weight: normal;
    font-style: normal;

}

.style1{
	font-size:17px;
	color:#0d81cb;
}



/*media query*/

@media screen (max-width:992px){
	.ingredients-bg{
	width:auto;
	max-width:380px;
}
	
}

@media screen and (min-width:320px) and (max-width:480px){

header h2{
	width:300px;
}
	.ingredients-bg{
	width:290px;
}
	.pull-left {
  	float: none !important;
  	margin-right:auto;
	margin-left:auto;
	display:block;
}

	#ingredients h4{
		text-align:center;
}

header h1{
	font:45px 'Raleway',Arial,sans-serif;
	padding-bottom:2px;
}

h1{
	font:40px 'Raleway',Arial,sans-serif;
	padding-bottom:2px;
}

h2{
	font:35px 'Raleway',Arial,sans-serif;
	padding-bottom:2px;
}

#ingredients h2{
	font:40px 'Raleway',Arial,sans-serif;
}

#orderbg h1{
	font-size:40px;
	
}

#orderbtn{
	width:280px;
}