.company-reg {
		  	font-family: 'Fira Sans Condensed', sans-serif;
	    }	

.productuse {font-size:1rem;}

	    .mobile-close-button {color:red;}
	    
	    .close-button {color:red;}
	    
	    .sentry {
		    margin-top:20px;
		    padding-bottom:-40px;
		    margin-bottom:-20px;
	    }
	    
#gas-bottles-footer li a {
	color:black;
	}

	   #mobileheader .bgpad {
		 background-color: black;padding-bottom:2px;padding-right:0px;   
	    }
	    
	   #mobileheader .moblog {
		 padding:0px;margin:0px;  
	    }
	    
	    #mobileheader .mobiconfloat {
		 height:100%;float:right;  
	    }
	    
	    #mobileheader .lscapetel {
		font-size:3.2rem;padding-left:0px;
		}

		#mobileheader .lscapemail {
		font-size:3.2rem;text-shadow: 0px 0px #000000;
		}

		#mobileheader .lscapemenu {
		color:white;font-size:3.2rem;
		}
		
		
		
		
		
		
		#mobileheader .ptraittel {
		font-size:2rem;padding-left:0px;
		}

		#mobileheader .ptraitmail {
		font-size:2rem;text-shadow: 0px 0px #000000;
		}

		#mobileheader .ptraitmenu {
		color:white;font-size:2rem;
		}
		
		
.mobaddress {
background-color:#3c3c3c;	
}

.mobaddress p {
color:#f8f8f8;
}
	    
	    
	    .fi-mail, .fi-social-facebook {color:white;
	    }
	    

	    
	    .bottlepanel {
		    background-color: rgba(127, 127, 127, 0.05);
		    }
	    
	    .bottletitle {
		  	font-family: 'Fira Sans Condensed', sans-serif;
		    color:black;
		    font-weight: 500;  
	    }
	    
	   .producttitle {
		  	font-family: 'Fira Sans Condensed', sans-serif;
		    color:black;
		    font-weight: 500;
		    line-height: 100%; 
		    padding-bottom:10px;
	    }
	    
	    .homebottletitle {
		  	font-family: 'Fira Sans Condensed', sans-serif;
		    color:black;
		    font-weight: 500;
		    line-height: 100%; 
		    margin-bottom:-20px;
	    }
	    
	    .mobtitle {
		    font-family: 'Fira Sans Condensed', sans-serif;
		    color:black;
		    font-weight: 500;
font-size:2rem;
margin-top:30px;
float:left;
	    }
	    
	    .header-address {
		    margin-top:-30px;
		    color:white;
		    font-family: 'Fira Sans Condensed', sans-serif;
font-weight: 500;
font-size:120%;
text-shadow: 2px 2px #000000;
transition: all 0.9s ease-in-out;
	    }
	    
	    header.smaller .header-address {
		    font-size:95%;
	    }
	    
	    
	    
	    	.header-opening-times {
		    margin-top:0px;
		    margin-bottom:-30px;
		    color:white;
		    font-family: 'Fira Sans Condensed', sans-serif;
font-weight: 400;
font-size:110%;
text-shadow: 2px 2px #000000;
transition: all 0.9s ease-in-out;
	    }
	    
	    header.smaller .header-opening-times {
		    font-size:95%;
	    }
	    

header {
  width: 100%;
  height: 260px;

  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  transition: all 0.9s ease-in-out;
}
header .header-contents {
  padding: 0 2em;
  background-image: url('../images/new-header-1.jpg');
}
header .logo {
  line-height: 150px;
  float: left;
  font-size: 40px;
  font-weight: 800;
  transition: all 0.3s;
  color: #FFF;
}
header .ttlogo {
	width:260px;
	height:260px;
	transition: all 0.9s ease-in-out;
}
header.smaller .ttlogo {
	width:150px;
	height:150px;
}
header .nav-btn {
  display: inline-block;
  float: right;
}
header .nav-btn a {
  line-height: 150px;
  color: #FFF;
  font-size: 21px;
  text-decoration: none;
  transition: all 0.3s;
}
header .nav-btn a:hover {
  color: #e51837;
}
header.smaller {
  height: 168px;
  background: black;
}
header.smaller .logo {
  line-height: 75px;
  font-size: 30px;
}
header.smaller .nav-btn a {
  line-height: 75px;
}

#main {
  padding: 2em;
  padding-top: 280px;
}
#main p {
  line-height: 1.25em;
  margin: 2em 0;
}


header.smaller .htext {
	font-size: 3rem;
	color:white;
	margin-top:0.7rem;
	margin-bottom:-10px;
}


header.smaller .fi-head {
	font-size: 2rem;
}

header.smaller .telephone {
	font-size: 2rem;
}

		.telno {
font-family: 'Fira Sans Condensed', sans-serif;
font-weight: 500;
font-size:195%;
text-shadow: 2px 2px #000000;
	}
	
.htext {
font-family: 'Fira Sans Condensed', sans-serif;
color:white;
font-weight: 500;
font-size: 4rem;
margin-top:2.25rem;
margin-bottom:-10px;;
text-shadow: 2px 2px #000000;
transition: all 0.9s ease-in-out;
	}
	
.fi-head {
	transition: all 0.9s ease-in-out;
	}
	
.telephone {
	font-size:2.5rem;
	transition: all 0.9s ease-in-out;
}

	.fi-telephone {
		color:#ffffff;
		font-size:2.25rem;
		text-shadow: 2px 2px #000000;
		transition: all 0.9s ease-in-out;
	}
	
	header.smaller .fi-telephone {
		font-size:1.75rem;
	}
	
	
	.fi-mail, .fi-social-facebook {
		color:#ffffff;
		font-size:2.25rem;
		text-shadow: 2px 2px #000000;
		transition: all 0.9s ease-in-out;
	}
	
	header.smaller .fi-mail {
		font-size:1.75rem;
	}

	
	.telno a {
		color:white;
	}
	
		.telno a:hover {
		color:green;
	}
	
	

	

	.hmenu {
		width:100%;background-color: #343434;margin-top:50px;
		transition: all 0.9s ease-in-out;
	}
	
	header.smaller .hmenu {
		width:100%;background-color: #343434;margin-top:35px;
	}
	
	
	  .accordion-item li a {color:red;}
	      
	      .accordion-title li a {color:red;}
	      
	      .pop1 {
		      background-color: #e4e4e4;
		      padding:5px;
		      margin-bottom:5px;
		      width:60%;
	      }
	      
	      	      .pop2 {
		      background-color: #adadad;
		      padding:5px;
		      margin-bottom:5px;
		      width:60%;
	      }
	   
h1 {font-weight: bold;}

.breadcrumbs li a {
	color:green;
	font-size: 0.9rem;
}


.tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
    background: #5b5b5b;
    color: #ffffff;
}


#nav-footer {
	width: 100%;
	background-color: #353535;
}

#nav-footer a {
	color: white;
}

#nav-footer a:hover {
	color: green;
}

#nav-footer .navf-title {
padding-top:20px;
color:#cbcbcb;
}


.attrib {
	font-size:0.7rem;
	color:grey;
}

.attrib a {
	font-size:0.7rem;
	margin-top:-20px;
	}
	
	.attrib {
	margin-top:-20px;
	}

.attrib a {
	color:grey;
	}
	
	.attrib a:hover {
	color:grey;
	}


.fi-head2 {
	font-size: 1.5rem;
	}
	
.telephone2 {
	font-size:1.5rem;
}

		.telno2 {
font-family: 'Fira Sans Condensed', sans-serif;
font-weight: 500;
font-size:175%;
text-shadow: 1px 1px #000000;
	}

	.telno2 a {
		color:white;
	}
	
		.telno2 a:hover {
		color:green;
	}
	
		.fi-telephone2 {
		color:#ffffff;
		text-shadow: 1px 1px #000000;
	}

#nav-footer li {margin-bottom:-10px;}

.btitle {margin-bottom:-30px;}

.cprice {
	font-size: 1.4rem;
	margin-top:-15px;
}

.bdescription {color:red;background-color: rgba(168, 240, 35, 0.57);}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Large and up */	
	@media screen and (min-width: 1250px) {
		
			    #main {
		    margin-left:75px;
		    margin-right:75px;
		    }
		
	header .fi-mail {
		font-size:2.25rem;
	}
		
	#nav-footer {
	padding-left:100px;
	padding-right:100px;
	padding-bottom:10px;
}


#nav-footer .fi-telephone, .fi-mail, .fi-social-facebook {
	font-size:1.5rem;
}

		
		    .bottletitle {
font-size: 3.5rem;
	    }
	
	.tabs-title a {
		font-size: 1.4rem;
		color:black;
		}
		
		.tabs-title a:hover {
		color:green;
		}
	
	.header-block {
	width: 100%;
	height:300px;
	background-image: url(../images/bg3.jpg);
	padding-top:0px;
	padding-bottom:0px;
	}
	
	.heading {
font-family: 'Fira Sans Condensed', sans-serif;
font-weight: 500;
text-shadow: 4px 4px #000000;
color:white;
font-size: 3.5rem;
margin-right:50px;
margin-left:-10px;
	}

		.telno {
font-family: 'Fira Sans Condensed', sans-serif;
font-weight: 500;
font-size:175%;
text-shadow: 4px 4px #000000;
	}
	
.fi-head {
	font-size: 3rem;
	}
	
.telephone {
	font-size:2.5rem;
}

	.fi-telephone {
		color:#ffffff;
		font-size:2.25rem;
		text-shadow: 4px 4px #000000;
	}

	
	.telno a {
		color:white;
	}
	
		.telno a:hover {
		color:green;
	}
	

	.callout-head {
		margin-top:70px;
		padding-top:0px;
		padding-bottom:0px;
		background-color: rgba(0, 0, 0, 0.65)
	}



.main-menu {
	margin-top:0px;
	font-family: 'Fira Sans Condensed', sans-serif;
font-weight: 500;
text-shadow: 2px 2px #000000;
color:#e7e7e7;
font-size: 1.4rem;
	}


.main-menu a {
	padding-right:15px;
	}
	


	
.dmenu {
font-family: 'Fira Sans Condensed', sans-serif;
font-weight: 200;
color:black;
text-shadow: 0px 0px #000000;
font-size: 1.1rem;

	}
	

	
	.dropdown-pane {
		width:350px;
	}
	
	
		.dmenu a {
	color: black;
	}
		.dmenu a:hover {
	color: green;
	}
	
	#gas-bottles p {
		margin-bottom:5px;
	}
	
		#products p {
		margin-bottom:5px;
	}
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Medium */
@media screen and (min-width: 720px) and (max-width: 1249px) {
	
		#nav-footer {
	padding-left:70px;
	padding-right:70px;
	padding-bottom:30px;
}

#nav-footer .fi-telephone, .fi-mail, .fi-social-facebook {
	font-size:1.5rem;
}
	
			    .bottletitle {
font-size: 2.5rem;
	    }
	
	h1 {
		font-size: 2rem;
	}
	
		      .pop1 {
		      background-color: #e4e4e4;
		      padding:5px;
		      margin-bottom:5px;
		      width:75%;
	      }
	      
	      	      .pop2 {
		      background-color: #adadad;
		      padding:5px;
		      margin-bottom:5px;
		      width:75%;
	      }
	
	.tabs-title a {
		font-size: 1.1rem;
		color:black;
		}
		
		.tabs-title a:hover {
		color:green;
		}
	
	.header-block {
	width: 100%;
	height:200px;
	background-image: url(../images/bg3.jpg);
	padding-top:10px;
	padding-bottom:10px;
	margin-left:0px;
	}
	
	.heading {
font-family: 'Fira Sans Condensed', sans-serif;
font-weight: 500;
text-shadow: 2px 2px #000000;
color:#ffffff;
font-size: 2.4rem;
margin-right:30px;
margin-left:-10px;
	}

		.telno {
font-family: 'Fira Sans Condensed', sans-serif;
font-weight: 500;
font-size:195%;
text-shadow: 2px 2px #000000;
	}
	
.fi-head {
	font-size: 2.5rem;
	}
	
.telephone {
	font-size:2.5rem;
}

	.fi-telephone {
		color:#ffffff;
		text-shadow: 2px 2px #000000;
	}

	
	.telno a {
		color:white;
	}
	
		.telno a:hover {
		color:green;
	}
	

	.callout-head {
		margin-bottom:-80px;
		padding-top:0px;
		padding-right:0px;
		padding-bottom:0px;
		margin-top:30px;
		margin-left:0px;
		background-color: rgba(0, 0, 0, 0.47)
	}



.main-menu a {
	margin-top:0px;
	font-family: 'Fira Sans Condensed', sans-serif;
font-weight: 500;
text-shadow: 0px 0px #000000;
color:#dedede;
font-size: 1.0rem;
	}


.main-menu a {
	padding-right:15px;
	}	

	
.dmenu {
font-family: 'Fira Sans Condensed', sans-serif;
font-weight: 200;
color:black;
text-shadow: 0px 0px #000000;
font-size: 1.1rem;

	}
	
/*
.dmenu a {color:white;}
.dmenu a:hover {color:green;}
*/
	
	.dropdown-pane {
		width:350px;
	}
	
	
		.dmenu a {
	color: black;
	}
		.dmenu a:hover {
	color: green;
	}
	
	#gas-bottles p {
		margin-bottom:5px;
	}		
	
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */




/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Small only */
@media screen and (max-width: 1000px) {
	
	.callout {
		border:none;
		margin-left:0px;
		padding-left:0px;
		margin-right:0px;
		padding-right:0px;
	}
	
		    .bottlepanel {
		    background-color: white;
		    }
	
.bottletitle {
font-size: 2rem;
margin-bottom:-45px;
	    }

.tabs-title a {
	color:red;
	font-size: 2rem;
	}
	
	header {
  width: 100%;
  height: 0px;	
  }
  
  #main {
  padding: 2em;
  padding-top: 0px;
}

.bdescription {color:green;}

	
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */





/* MAIN MENU SELECTION */

.main-menu {font-family: 'Fira Sans Condensed', sans-serif;
font-weight: 500;}


.main-menu a:hover {color:green;padding-right:15px;}

.msel1,
.msel2,
.msel3,
.msel4,
.msel5,
.msel6,
.msel7
{color:white;padding-right:15px;}

.msel4 {color:green;padding-right:15px;}	
/* ++++++++++++++++ */




/* MOBILE MENU SELECTION */

#mobile-menu a {color:white;}
	    	    
.sel1 {margin-top:1px;margin-bottom:1px;background-color:black;}
.sel2 {margin-top:1px;margin-bottom:1px;background-color:black;}
.sel3 {margin-top:1px;margin-bottom:1px;background-color:black;}
.sel4 {margin-top:1px;margin-bottom:1px;background-color:black;}
.sel5 {margin-top:1px;margin-bottom:1px;background-color:black;}
.sel6 {margin-top:1px;margin-bottom:1px;background-color:black;}
.sel7 {margin-top:1px;margin-bottom:1px;background-color:black;}
.sel8 {margin-top:1px;margin-bottom:1px;background-color:black;}
.sel9 {margin-top:1px;margin-bottom:1px;background-color:black;}
.sel10 {margin-top:1px;margin-bottom:1px;background-color:black;}
.sel11 {margin-top:1px;margin-bottom:1px;background-color:black;}
.sel12 {margin-top:1px;margin-bottom:1px;background-color:black;}
.sel13 {margin-top:1px;margin-bottom:1px;background-color:black;}
.sel14 {margin-top:1px;margin-bottom:1px;background-color:black;}
.sel15 {margin-top:1px;margin-bottom:1px;background-color:green;}
.sel16 {margin-top:1px;margin-bottom:1px;background-color:black;}
.sel17 {margin-top:1px;margin-bottom:1px;background-color:black;}
.sel18 {margin-top:1px;margin-bottom:1px;background-color:black;}
.sel19 {margin-top:1px;margin-bottom:1px;background-color:black;}
.sel20 {margin-top:1px;margin-bottom:1px;background-color:black;}
.sel21 {margin-top:1px;margin-bottom:1px;background-color:black;}
.sel22 {margin-top:1px;margin-bottom:1px;background-color:black;}
.sel23 {margin-top:1px;margin-bottom:1px;background-color:black;}
.sel24 {margin-top:1px;margin-bottom:1px;background-color:black;}
.sel25 {margin-top:1px;margin-bottom:1px;background-color:black;}
.sel26 {margin-top:1px;margin-bottom:1px;background-color:black;}
.sel27 {margin-top:1px;margin-bottom:1px;background-color:black;}
.sel28 {margin-top:1px;margin-bottom:1px;background-color:black;}
.sel29 {margin-top:1px;margin-bottom:1px;background-color:black;}
.sel30 {margin-top:1px;margin-bottom:1px;background-color:black;}
.sel31 {margin-top:1px;margin-bottom:1px;background-color:black;}
.sel32 {margin-top:1px;margin-bottom:1px;background-color:black;}


/* ++++++++++++++++ */

/* FOOTER MENU SELECTION */
	    	    
.fsel1 {}
.fsel2 {}
.fsel3 {}
.fsel4 {padding:1px;background-color:rgba(0, 105, 24, 1);}
.fsel5 {}
.fsel6 {}
.fsel7 {}
.fsel8 {}
.fsel9 {}
.fsel10 {}
/* ++++++++++++++++ */