html, body {margin: 0; padding:0; height:100%; width:100%; max-width: 100%; float: none;}

#backtotop {position:fixed; display:none; right:10px; bottom:10px; background:#e36a19; color:#fff; z-index:100; padding:5px; cursor:pointer;}

img {}
#backimage {background:#fff url(../images/barrel1.jpg); background-size:cover; background-position: center center; position:fixed; left:0; top:0; width:100vw; height:100vh; z-index:-1;}
#header {width: 100%; max-width:800px; min-width:320px;display: block;margin: 0 auto;height: 100px;background: url('../images/bftw1.png');position: fixed;width:70vw; height:70vh;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);background-repeat:no-repeat;background-size:contain;background-position:center center;}

.wrapper {width:95%; max-width:1080px; margin:0 auto;}	

.centergreeting {	position: absolute	;    left: 0;    top: 0%;    width: 100%;    text-align: center;    text-decoration: none;	}	

.centergreeting h2 {	text-align: center;    font-size: 50px;	font-weight: bold;	font-family: 'Rye', cursive;    text-decoration: none;    color: cyan; margin:0px 0px -10px 0px;} 	
.centergreeting h5 {	text-align: center;    font-size: 29px;	font-weight: bold;	font-family: 'Aladin', cursive;    text-decoration: none;    color:#99ff33; margin:-10px 0px -10px 0px; }

.centergreeting a {	text-align: center;    font-size: 50px;	font-weight: bold;	font-family: 'Rye', cursive;    text-decoration: none;    color: cyan;	}		

.centertop {    text-align: center;    font-size: 50px;	font-weight: bold;	font-family: 'Rye', cursive;    color: orange;}		

.centermenu {    text-align: center;	}		

.centermain {}	 
.centremain img {position: absolute;text-align: left;
	max-width: 80%;
	top: 5%;
	left: 5%;
	border-radius: 3px;
	box-shadow: 0 3px 6px rgba(0,0,0,0.9);
}
.centermain a {font-size: 14px;	font-weight: bold;	font-family: 'Aladin', cursive;  text-decoration: underline;    color: cyan;	}
.centermain h1 {text-align: center;    font-size: 30px;	font-weight: bold;	color:#fff; font-family: 'Aladin', cursive; width:100%;    text-decoration: none; }	
.centermain h2 {text-align: left;    font-size: 30px;	font-weight: bold;	color:#fff; font-family: 'Aladin', cursive; width:100%;    text-decoration: none; }		
.centermain h3 {text-align: center;font-family: 'Aladin', cursive; padding:0; margin:0 0 0 10px;font-size: 30px;text-decoration: none;color: white;}	
.centremain h3.left  {text-align: left;font-family: 'Aladin', cursive; padding:0; margin:0 0 0 10px;font-size: 30px;text-decoration: none;color: white; text-transform: uppercase;}
.centermain h4 {font:normal 14px 'Rye', cursive; color:#FFF; margin:0; padding:0;}
.centermain h4.center {text-align: center; font:normal 14px 'Rye', cursive; color:#FFF; margin:0; padding:0;}
.centermain h3 img {
  width: 90%;
  max-width: 320px;
}     	     	


.centremain1 {}	 
.centremain1 img {display:inline-block; float:left; border:0px solid #ddd; margin:0 10px 3px 0;
box-shadow:0 15px 10px -15px rgba(0,0,0,0.6);}
.centremain1 a {font-size: 14px;	font-weight: bold;	font-family: 'Aladin', cursive;  text-decoration: underline;    color: cyan;	}	
.centermain1 h1 {text-align: center;    font-size: 30px;	font-weight: bold;	color:#fff; font-family: 'Aladin', cursive; width:100%;    text-decoration: none; }		
.centremain1 h2 {text-align: left;    font-size: 30px;	font-weight: bold;	color:#fff; font-family: 'Aladin', cursive; width:100%;    text-decoration: none; }		
.centremain1 h3 {text-align: center;font-family: 'Aladin', cursive; padding:0; margin:0 0 0 10px;font-size: 30px;text-decoration: none;color: white;}	
.centremain1 h3.left  {text-align: left;font-family: 'Aladin', cursive; padding:0; margin:0 0 0 10px;font-size: 30px;text-decoration: none;color: white; text-transform: uppercase;}
.centremain1 h4 {font:normal 14px 'Rye', cursive; color:#FFF; margin:0; padding:0;}
.centremain1 h4.center {text-align: center; font:normal 14px 'Rye', cursive; color:#FFF; margin:0; padding:0;}	 






.centerbottom {text-align: center;    font-size: 16px; font-family: 'Galada', cursive; color: white;}	

.centerbottomindex {position: absolute; left: 0; top: 80%; width: 100%;    text-align: center;    font-size: 16px;	font-family: 'Galada', cursive;    color: white;	}	

.pound{font-family: arial, helvetica, sans-serif; padding:0; margin:0 0 0 10px; text-decoration: none;color: white;}

section {padding-left: 5px;padding-right: 5px; 
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.6);
-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.6);
box-shadow: 5px 5px 20px rgba(0,0,0,0.6);
background-color:rgba(171, 171, 171, 0);
background-image: -moz-radial-gradient(center center, ellipse contain, rgba(171, 171, 171, 0), rgba(0, 0, 255, 0.4) 100%);
background-image: -webkit-radial-gradient(center center, ellipse contain, rgba(171, 171, 171, 0), rgba(0, 0, 255, 0.4) 100%);
background-image: -o-radial-gradient(center center, ellipse contain, rgba(171, 171, 171, 0), rgba(0, 0, 255, 0.4) 100%);
background-image: -ms-radial-gradient(center center, ellipse contain, rgba(171, 171, 171, 0), rgba(0, 0, 255, 0.4) 100%);
background-image: radial-gradient(center center, ellipse contain, rgba(171, 171, 171, 0), rgba(0, 0, 255, 0.4) 100%);
Z-index:1;}

section h3 {text-align: left;font-family: 'Aladin', cursive; padding:0; margin:0 0 0 10px;font-size: 30px;text-decoration: none;color: white; text-transform: uppercase;}
section h2  {text-align: left;font-family: 'Aladin', cursive; padding:0; margin:0 0 0 10px;font-size: 30px;text-decoration: none;color: white; text-transform: uppercase;}
section h4.item {font: bold 13px/13px 'Unbuntu', arial, sans-serif; color:#fff; margin:0; padding:5px 0 0 0; text-transform: uppercase;    text-align: left;}
section h4 a {font: bold 13px/13px 'Unbuntu', arial, sans-serif; color:#fff; margin:0; padding:5px 0 0 0; text-decoration: none;color: cyan; text-transform: uppercase;    text-align: left;}
section h5 a {font: bold 14px/24px 'Unbuntu', arial, sans-serif; color:#fff; margin:0; padding:5px 10px 10px 10px; text-decoration: none;color: cyan; text-transform: uppercase;    text-align: centre;}

article {width:32%; display:inline-block; vertical-align:top; margin:5px 0; min-height:475px;
box-sizing:border-box; 
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.6);
-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.6);
box-shadow: 5px 5px 20px rgba(0,0,0,0.6);
padding-left: 5px;
padding-right: 5px;
background-color:rgba(171, 171, 171, 0);
background-image: -moz-radial-gradient(center center, ellipse contain, rgba(171, 171, 171, 0), rgba(0, 0, 255, 0.4) 100%);
background-image: -webkit-radial-gradient(center center, ellipse contain, rgba(171, 171, 171, 0), rgba(0, 0, 255, 0.4) 100%);
background-image: -o-radial-gradient(center center, ellipse contain, rgba(171, 171, 171, 0), rgba(0, 0, 255, 0.4) 100%);
background-image: -ms-radial-gradient(center center, ellipse contain, rgba(171, 171, 171, 0), rgba(0, 0, 255, 0.4) 100%);
background-image: radial-gradient(center center, ellipse contain, rgba(171, 171, 171, 0), rgba(0, 0, 255, 0.4) 100%);
Z-index:1;} 


article:nth-of-type(3n+2) {margin:5px 2%;}

@media only screen and (max-width:1000px) {
article {width:49%;} 
article:nth-of-type(3n+2) {margin:5px 0;}
article:nth-of-type(2n+1) {margin:5px 2% 5px 0;}
}
@media only screen and (max-width:580px) {
article:nth-of-type(3n+2),
article:nth-of-type(2n+1),
article {width:100%; margin:5px 0;}
}


article img {display:inline-block; float:left; border:0px solid #ddd; margin:0 10px 3px 0;
box-shadow:0 15px 10px -15px rgba(0,0,0,0.6);}

article h1 {font:bold 22px/30px 'Unbuntu', arial, sans-serif; color:#000; margin:0; padding:5px 0 0 0;}article h2.item {font: bold 18px/20px 'Unbuntu', arial, sans-serif; color:#fff; margin:0; padding:5px 0 0 0; text-transform: uppercase;}
article h2.item1 {font: bold 18px/20px 'Unbuntu', arial, sans-serif; color:#000; margin:0; padding:5px 0 0 0; text-transform: uppercase;}
article h2.headline {font:bold 26px/18px 'Unbuntu', arial, sans-serif; text-align: center; color:#fff; margin:0; padding:20px 0 0 0;}
article h2 {font:normal 18px/20px 'Rye', cursive;color:#fff; margin:0; padding:5px 0 0 0;}
article h3 {text-align: center;font-family: 'Aladin', cursive; padding:0; margin:0 0 0 10px;font-size: 25px;text-decoration: none;color: white; text-transform: uppercase;}
article h3.note {text-align: center;font-family: 'Aladin', cursive; padding:0; margin:0 0 0 10px;font-size: 20px;text-decoration: none;color: yellow; text-transform: uppercase;}
article h3.left  {text-align: left;font-family: 'Aladin', cursive; padding:0; margin:0 0 0 10px;font-size: 30px;text-decoration: none;color: white; text-transform: uppercase;}
article h4 {font:normal 14px/16px 'Rye', cursive; color:#FFF; margin:0; padding:0;}
article h4.item {font: bold 12px/12px 'Unbuntu', arial, sans-serif; color:#fff; margin:0; padding:5px 0 0 0; text-transform: uppercase;    text-align: left;}
article h4 a {font: bold 12px/12px 'Unbuntu', arial, sans-serif; color:cyan; margin:0; padding:5px 0 0 0; text-transform: uppercase;    text-align: left;}
article h5 {font:bold 10px/10px 'Unbuntu', arial, sans-serif; color:#000; margin:0; padding:0;}
article p {display:block; clear:left; padding:0 10px; margin:0; font:normal 15px/22px 'Unbuntu', arial, sans-serif;}
article p a {text-align: center; margin:0; padding:0; font:normal 16px/12px 'Unbuntu', arial, sans-serif; color:#fff; padding:5px 30px; background:#069; text-decoration:none; border-radius:10px;}
article a {font:bold 14px/16px 'Unbuntu', arial, sans-serif; color:#AD2B24; text-decoration:none; }

div.box3
{
width:250px; 
  margin-left: auto ;
  margin-right: auto ;
padding:0px;
border:0px solid gray;
background-color: orange;
font:bold 14px arial, sans-serif; 
color: #aa3311;
text-decoration:none;
text-align: center;
}

.centermainfind {display:block; height:190px; 
box-shadow:0 15px 15px -15px rgba(0,0,0,0.6);padding:0px 5px 0px 0px; 
-webkit-transition:0.5s;
-moz-transition:0.5s;
-o-transition:0.5s;
transition:0.5s;
Z-index:1;
}

.centermainfind div p    { line-height: 150%; text-align: center; padding:5px 1.5px; margin:0; font-weight: bold; font-size:38px; font-family: 'Roboto Condensed', sans-serif; border-radius:10px;}
.centermainfind div p a { line-height: 150%; text-align: center; margin:2px; font-weight:bold; font-size: 38px; font-family: 'Roboto Condensed', sans-serif; color:#000; padding:0 4px; background:#cedce5; text-decoration:none; border-radius:10px;}


div.box3a
{
width:250px; 
height: 118px;
  margin-left: auto ;
  margin-right: auto ;
padding:0px;
border:0px ;
text-align: center;
}

div.box4
{
width:250px; 
  margin-left: auto ;
  margin-right: auto ;
padding:0px;
border:0px solid gray;
background-color: white;
font:bold 14px arial, sans-serif; 
color: #aa3311;
text-decoration:none;
text-align: center;
}