@charset "utf-8";
/* CSS Document */

body {
	padding-top:90px;
	font-family: "franklin-gothic-urw";
}


/*Typography*/

h1, h2, h3 ,h4 {
	font-family: "purista-web";
	padding:5px 5px 5px 0px;
	color:#89b033;
}

.banner-bg-div h4 {
	color:#fff;
}

p {
	font-size:1.2em;
	text-align:jusitfy;
}

.header-price {
	color:#fff;
	font-size:4em;
	text-align:center;
	font-family: "purista-web";
}

a:link, a:visited {
	color:#557a04;
}


a:hover, a:active {
	color:#64b806;
	text-decoration:none;
}

h1.banner-heading {
	font-size:6em;
	color:#fff;
	text-align:center;
	font-family: "purista-web";
}

/* Navigation Menu */

.navbar-default {
	background: -moz-linear-gradient(93deg, rgba(113,145,42,1) 0%, rgba(157,203,59,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(157,203,59,1)), color-stop(100%, rgba(113,145,42,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(93deg, rgba(113,145,42,1) 0%, rgba(157,203,59,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(93deg, rgba(113,145,42,1) 0%, rgba(157,203,59,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(93deg, rgba(113,145,42,1) 0%, rgba(157,203,59,1) 100%); /* ie10+ */
    background: linear-gradient(357deg, rgba(113,145,42,1) 0%, rgba(157,203,59,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dcb3b', endColorstr='#71912A',GradientType=0 ); /* ie6-9 */
}

.navbar-nav {
	padding-top:15px;
}

.navbar-brand {
	height:90px;
}

.navbar-default .navbar-nav li a {
	color:#fff;
	font-size:1.2em;
}


/*Structure*/

.banner-bg-div {
	background:url(../_images/banner.jpg) top right no-repeat;
	
}

.bg-light-green {
	
	margin-bottom:20px;
	border-radius:8px;
	background:url(../_images/shoe-prints-pattern-green-long.png) top right repeat-y;
}



/*Buttons*/

.btn-primary {
	background-color:#62ab3b;
	border-color:#62ab3b;
	padding:5px;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
	background-color:#448720;
	border-color:#448720;
}

.btn-default {
	background-color:#0996d3;
	border-color:#0996d3;
	color:#fff;
	margin-top:10px;
}

.btn-default:hover {
	background-color:#05bdf9;
	border-color:#05bdf9;
	color:#fff;
}

.paypal-button {
	vertical-align:middle;
}

/*Order Form*/

.order-form {
	margin:0px auto;
	display:block;
	width:60%;
}

.form-bg-opacity {
	padding-top:10%;
}

.order-form .form-group {
	margin:0px auto;
}

.order-form button {
	display:inline-block;
	margin:0px auto;
}

.centered-inline {
	text-align:center;
}

.order-form label {
	font-size:3em;
	color:#fff;
	text-align:center;
	display:inline-block;
	vertical-align:middle;
}

.centered-input {
	display:inline-block;
	margin:10px auto;
	padding: 6px 12px;
	font-size: 14px;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	vertical-align:middle;
}

.order-form {
	padding:15px;
}

/*Jumbotron*/

.jumbotron {
	padding:0px;
}

.jumbotron .container-fluid {
	padding:0px;
}

/*Modals*/




/*Footer*/

footer {
	background-color:#efefef;
	padding:20px 5px 10px 5px;
}

footer p, footer ul, footer address {
	color:#666;
}

footer p {
	line-height:1.2;
}

footer small {
	font-size:80%;
}


/****************************************************************
*				      Small devices, tablets					*
*****************************************************************/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 667px) { 

/*Typography*/

h1.banner-heading {
	font-size:3em;
	margin-top:0px;
}

footer {
	text-align:center;
}

.bg-light-green {
	background:none;
}

.button-mobile {
	width:100%;
}

.navbar-default .navbar-toggle {
	border:none;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color:#fff;
}

.navbar-toggle {
	margin-top:20px;
}

}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 
.bg-light-green {
	background:none;
}

}

/****************************************************************
*				     Medium devices, desktops					*
*****************************************************************/
@media only screen and (min-width : 992px) {
	h1.banner-heading {
	font-size:4em;
	margin-top:0px;
}

	}

/****************************************************************
*				   Large devices, widescreens					*
*****************************************************************/
@media only screen and (min-width : 1200px) {

.banner-bg-div {
	min-height:653px;
}

}