@charset "UTF-8";
/**
 * Redfearn & Daughter
 designed by ideology.uk.com
 based on Foundation for Sites by Zurb
 */
 
 body{
font-family: 'EB Garamond', serif;	 
 }
 
/*****************************************************************
TYPOGRAPHY
body text  oolour #0a0a0a
 ******************************************************************/ 

h2{
line-height:;
margin-bottom:;
font-family: 'EB Garamond', serif;
font-weight:400;
font-style:regular;
color:#666666;
font-size:1.5rem ;

}

h3, .h3 {
font-family: 'EB Garamond', serif;
font-size: 1.5rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem;
color:#000;
}

ul{
list-style-type:none;
margin-left:0rem;
}
p{
margin-top:1rem;
line-height:;
margin-bottom: ;
font-family: 'EB Garamond', serif;
font-style:regular;
font-size: 1rem;
padding-right:0.75rem;
padding-left:0.75rem;
}


blockquote, blockquote p {
font-family: 'EB Garamond', serif;
line-height: 1.2;
color:#666666;
border-left: none;
font-size: 1.5rem;
padding-right:0.75rem;
padding-left:0.75rem;

}
cite{
color:#666666;
line-height:2;
}

/*****************************************************************
GRID

 ******************************************************************/
.column, .columns {
padding-right: 0.5remm;
padding-left: 0.5rem;
margin-bottom: 1rem;}

/*****************************************************************
HEADER AND NAVIGATION
 ******************************************************************/
 
.logo {
line-height:3rem;
font-family: 'EB Garamond', serif;
font-size: 2.5rem;	
}
.logo i{
font-family: 'EB Garamond', serif;
font-size:;
color:#999999;
line-height:;
}

 
ul.nav-main li a{
color:#000;	
font-size: 1rem;
padding: 1rem;
}

ul.nav-main li a:hover{
color:#666;	

}

ul.nav-main { 
font-family: 'EB Garamond', serif;
	text-align: center; 
    list-style-type: none;
    margin-bottom: 1rem;
    padding: 0;
}
ul.nav-main li { 
	display: inline-block; 
}
.arrow-top a{
color:#000;	
font-size: 2rem;
font-weight:700;
margin:0rem;
}	

/*****************************************************************
HERO SECTION
 ******************************************************************/
 .wrapper{
 max-width: 1600px;
 margin-right:auto;
margin-left:auto;
 }
img.hero {
display: block!important;
margin-left: auto;
margin-right: auto;
width:2000px;
}



/*****************************************************************
MAIN CONTENT SECTIONS
 ******************************************************************/
.about-banner, .brands-grid, .visit-banner{
margin-bottom:20px;
}
ul .our-brands{
margin-left:0rem;
}


	
/*****************************************************************
FOOTER SECTION
 ******************************************************************/
.footer{
background-color:#666;	
padding: 2.5rem 1rem;
color:#FFFFFF;
font-size: 1rem;
margin-top: 0.50rem;
width: 100%;
margin: 0 auto;
}

ul.footer-links li a{
color:#FFFFFF;
line-height:;
}

ul.footer-links li a:hover, ul.footer-links li a:focus{
color:#ccc;	

}

/*****************************************************************
MEDIA QUERIES -FOR WIDER SCEENS
 ******************************************************************/


@media print, screen and (min-width: 40em) {
.logo{
line-height:5rem;
font-size: 4.5rem;	
}


ul.nav-main li a{
color:#000;	
font-size: 1.5rem;
padding: 1.5rem;
}
h2{
font-size:2.5rem;
}
p, blockquote{
padding-right:3rem;
padding-left:3rem;
}


}