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

img

{max-width: 100%;
height: auto;}

h1
{    font-family: 'Merienda', cursive;
    font-size: 3.5rem;
    color: #f0a300;
    border-bottom: 2px dashed #f0a300;
    padding-bottom: 20px;}

h2
{ font-family: 'Merriweather Sans', serif;
font-size:2rem;
font-weight: bold;
letter-spacing: 0.03rem;
line-height: 4.5rem;}

h3
{font-family: 'Merriweather Sans', sans-serif;}

body
{font-family: 'Merriweather Sans', sans-serif;
line-height: 3.5rem;}

#contactdetails
{color:#e5a629;
padding-top: 5%;
font-size: 1.65rem;
line-height: 2rem;}

#contactdetails a
{text-decoration: none;
color:#e5a629;}


.nav
{background: rgb(31,31,31);
background: -moz-linear-gradient(0deg, rgba(31,31,31,1) 0%, rgba(103,103,103,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(31,31,31,1) 0%, rgba(103,103,103,1) 100%);
background: linear-gradient(0deg, rgba(31,31,31,1) 0%, rgba(103,103,103,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1f1f1f",endColorstr="#676767",GradientType=1);
min-height:40px;
width: 100%;
height: auto;
margin-top: 30px;}

.nav ul

{list-style: none;
margin-bottom: 0;}

.nav ul li

{display: inline-block;
margin-bottom: 0;
font-weight: bold;
letter-spacing: 0.1rem;}

.nav ul a

{padding: 20px;
padding-right: 4%;
padding-left: 4%;
display: inline-block;
color: white;
font-family: 'Merriweather', serif;
	font-size: 1.7rem;
border-right: 2px solid #868686;
transition: 0.8s;}


.nav ul a:first-child
{border-left: 2px solid #868686;}


.nav ul a:hover

{background-color: #6a6a6a6b;
transition: 0.8s;}




.greyslider
{background-color: #f0f0f0;
min-height: 500px;
width: 100%;
padding-top:80px;
padding-bottom: 50px;}


.slider
{width: 100%;
min-height: 500px;
background-image:url(../images/shopinsidepano.jpeg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: relative;}

.blackoverlay
{
background-color: #0000006b;
left: 0;
position: absolute;
right: 0;
bottom: 0;
top: 0;
}


.signature
{font-family: 'Nothing You Could Do', cursive;
font-size: 4rem;
margin-top: 40px;}

.calltoactions

{padding-top: 70px;}


.calltoactions h3
{text-shadow: 3px 4px 3px rgba(46, 46, 46, 0.35);
font-family: 'Merriweather', serif;
font-weight: bold;
letter-spacing: 0.12rem;}


.calltoactions p
{    line-height: 4rem;
    font-size: 2rem;
text-shadow: 3px 4px 3px rgba(46, 46, 46, 0.35);}


.calltoactions a button

{color:white;
background-color: #4141417a;}

.calltoactions button

{transition: 0.7s;}

.calltoactions button:hover

{background-color:#0000005c;
transition: 0.7s;}

.buycta

{min-height: 260px;
background-color:#e5a6297a;
display: inline-block;
padding: 4%;
color: white;
width: 40%;
float: left;
border:solid #ffffff75 3px;}


.sellcta

{min-height: 260px;
background-color:#c40724a6;
display: inline-block;
padding: 4%;
color: white;
width:40%;
float: right;
border:solid #ffffff75 3px;}


.footerheading

{   font-family: 'Merienda', cursive;
    font-size: 2rem;
    color: white; 
    padding-bottom: 20px;}

.footer p
{ margin-bottom: 0;
color:#303636;}

.topfooter
{background-color: #d2a75a;
padding-top: 30px;
padding-bottom: 30px;}


.addresscol

{margin-bottom: 40px;}


.bottomfooter a

{color: #e1be7e;
text-decoration: none;}


.bottomfooter

{background-color: #b08840;
padding-top: 30px;
padding-bottom: 30px;}


.bottomfooter p

{ color: #e1be7e;
line-height: 40px;}



.photoeffect

{border: 7px solid #fff;
    -webkit-box-shadow: 3px 3px 3px #777;
    -moz-box-shadow: 3px 3px 3px #777;
    box-shadow: 7px 7px 7px #d2d2d2;
    width: 100%;}

.photoeffectright

{border: 7px solid #fff;
    -webkit-box-shadow: 3px 3px 3px #777;
    -moz-box-shadow: 3px 3px 3px #777;
    box-shadow: 7px 7px 7px #d2d2d2;
    transform: rotate(5deg);
    width: 90%;}

.photoeffectleft

{border: 7px solid #fff;
    -webkit-box-shadow: 3px 3px 3px #777;
    -moz-box-shadow: 3px 3px 3px #777;
    box-shadow: 7px 7px 7px #d2d2d2;
    transform: rotate(-5deg);
    width: 90%;}



.productsrow
{padding-top: 30px;
padding-bottom: 30px;}


.producttitle

{  text-transform: uppercase;
    font-weight: bold;
    color: darkred;
    font-size: 1.5rem;
	letter-spacing: 0.2rem; }





/* Two ctas 100%;*/
@media (max-width: 988px) {
	
	.buycta,.sellcta
	{width: 90%;
	margin: 0;
	float: none;
	margin-bottom: 50px;}
	
}




/*Menu overlaps */

@media (max-width: 951px) {

	.nav ul a
	
	{font-size: 1em;
	padding:15px;}
}



/* Menu stacks */
@media (max-width: 751px) {

	.nav ul a
	
	{width:100%;
	border:none;
	}	
	
	.nav ul a:first-child
	
	{border: none;}

	.logocont
	{width: 100% !important;}

	.contactcont
	
	{width:100% !important;}

}