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


body{font:97%/1.3;margin:0;padding:0;color:#888888; line-height: 1.8em; font-weight: 200}
.banner	{ background-image:url("../img/mainbg.jpg"); background-repeat:no-repeat; background-size: cover; background-position:center center;}
.banner h1	{ font-size: 2.8em;}
h1 	{color:#4F4949 !important }
h2 	{color:#4F4949 !important }
a 	{color:#48c8d1}
.btn-primary	{ background: #48c8d1;border-radius:30px; padding: 10px 30px; font-weight: bold; border: 1px solid #fff !important; } 
.btn-primary:hover	{ background: #ffffff;border-radius:30px; padding: 10px 30px; font-weight: bold; border: 1px solid #48c8d1 !important; color: #48c8d1 } 
.btn-dark	{ background: #FCBF61;border-radius:30px; padding: 10px 30px;  border: 1px solid #fff !important; color:#4F4949;} 
.btn-dark:hover	{ background: #ffffff;border-radius:30px; padding: 10px 30px; font-weight: bold; border: 1px solid #f2d596 !important; color: #f2d596 }
.toptext	{background: #2B2E32; color: #f2d596; text-align: center}
.navbar	{padding-left: 0px; padding-right: 0px; border-bottom: 1px solid #f2d596;}
.logo	{width:100%;}
.social	{background: #fbf0d9; text-align: right}
.social .fas	{color: #48c8d1; font-size: 1.5em;}
.social .fab	{ font-size: 1.7em}
.products h3	{ font-size: 1.3em; font-weight: 400}
.product	{padding-left: 1rem; padding-right: 1rem;}
.productprice	{color:#4F4949; font-size: 1.1em; padding: 0; margin: 0;font-weight: bold;}
.footer	{background: #f2d596; line-height: 1em; text-align: center; }
.footer ul {list-style-type: none;}
.footer li {border-bottom:1px solid #ffffff; padding-top: 10px; padding-bottom: 10px; }
.footer li a {color:#4F4949; font-size: 1em; }
/* Small devices (landscape phones, 576px and up) */
@media only screen and (min-width: 576px) {
.banner	{ min-height: 400px}
.logo	{width:60%;}
	.btn-dark	{ padding: 5px 20px;} 
.btn-dark:hover	{ padding: 5px 20px; }
}

/* Medium devices (tablets, 768px and up) */
@media only screen and (min-width: 768px) {
.banner	{ min-height: 400px}
.logo	{width:150px;}
.footer	{font-size: 0.9em; text-align: left;}
.footer .logo {text-align: right;}
.footer ul {margin: 0;  padding: 0;  overflow: hidden;}
.footer li {float: left; border-bottom:none; padding-top: 0px; padding-bottom: 0px;}
.footer li a {display: block;   padding-right: 15px;  text-decoration: none;}
}

/* Large devices (desktops, 992px and up) */
@media only screen and (min-width: 992px) {
.banner	{ min-height: 400px}
.btn-dark	{  padding: 10px 30px; } 
.btn-dark:hover	{  padding: 10px 30px; }
}
/* Extra large devices (large desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

.banner	{ min-height: 450px; max-height: 600px}	
.logo	{width:150px;}
.product	{padding-left: 2rem; padding-right: 2rem;}
.footer li a {padding-right: 25px;}
}