@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;1,400&family=Hind:wght@600&display=swap');
body{
	background-color: #fff;
	font-family: 'Crimson Text', serif;
}
/*div{
	outline: solid 1px red;
}*/
.row{
	padding-top: 10px;
	padding-bottom: 10px;
}
nav{
	background-color: #000080;
	position: fixed;
	width: 100%;
	top: 0px;
	left: 0px;
	text-align: center;
	z-index: 200;
	border-bottom: solid 2px #eee;
	box-shadow: 0px 0px 3px #333;
}
nav a{
	color: #fff;
	font-family: 'Hind', sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 1.4rem;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
nav a:hover{
	color: #fff;
	opacity: .6;
}
.subNav{
	position: fixed;
	width: 100%;
	top: 54px;
	left: 0px;
	background-color: rgba(30, 17, 7, .9);
	text-align: center;
	z-index: 100;
}
.subNav a{
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 1rem;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.subNav a:hover{
	color: #fff;
	opacity: .6;
}
a{
	text-align: right;
	color: #4d2b12;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
a:hover{
	color: #4d2b12;
	opacity: .6;
}
footer{
	background-color: #000080;
	color: #fff;
	text-align: center;
}
footer a{
	color: #eee;
}
footer a:hover{
	color: #eee;
}
.img-fluid{
	display: block;
	margin: 0px auto 5px auto;
}
.bgTwo{
	background-color: #eee;
}
.btn{
	background-color: #000080;
	color: #fff;
	float: right;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.btn:hover{
	background-color: #000080;
	color: #fff;
	opacity: .7;
}
.cartButton{
	width: 100px;
	height: 50px;
	/*border-radius: 5px;*/
	/*border: solid 2px #fff;*/
	/*box-shadow: 0px 0px 3px #333;*/
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.cartButton:hover{
	opacity: .7;
}
header{
	background-position: center top;
	background-attachment: fixed;
	background-size: 100%;
	padding-top: 50px;
	padding-bottom: 20px;
	border-bottom: solid 2px #4d2b12;
}
section{
	padding: 40px 0px;
}
h1, h2, h3{
	text-align: center;
}
h1{
	font-family: 'Hind', sans-serif;
	color: #000080;
}
h2{
	font-weight: 600;
	font-size: 1.8rem;
}
h3{
	font-size: 1.5rem;
}
h4{
	font-weight: 600;
	font-size: 1.2rem;
}
h6{
	text-align: center;
}
.pageOn{
	opacity: .7;
	color:  #eee;
}
.inboundOffset{
	position: relative;
	top: -80px;
}
.dropCap{
  	color: #000080;
	float: left;
	font-family: 'Hind', sans-serif;
	font-size: 5.5rem;
	line-height: 0rem;
	margin: 42px 5px 10px 0px;
}
.clear{
	clear: both;
}
.buyBox{
	padding: 10px 1%;
	margin: 10px 1%;
	width: 48%;
	float: left;
	box-shadow: 0px 0px 3px #333;
	border-radius: 5px;
	text-align: center;
}
#logo{
	display: block;
	margin: 80px auto 50px auto;
	width: 200px;
	height: auto;
}
section .row:first-child{
	border-bottom: double 4px #ddd;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
section form .row:first-child{
	border-bottom: none;
    margin-bottom: 0px;
    padding-bottom: 10px;
}
@media (max-width: 1399.98px) {

}
@media (max-width: 1199.98px) {

}
@media (max-width: 991.98px) {
	header{
		background-size: 130%;
	}
}
@media (max-width: 767.98px) {
	header{
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	nav{
		position: relative;
	}
	.subNav{
		position: sticky;
		top: 0px;
	}
	.subNav a{
		text-align: center;
		display: block;
		padding: 5px 0px;
	}
}
@media (max-width: 575.98px) {

}