.header{
    background-color: white;
   /*                     box-shadow: 1px 1px 5px 0px black; */
   position: sticky;
    top: 0;
    width: 100%;
		height: 200px;
		z-index: 100;
}


.headname {
					 
					 position: relative;					 
					float:left;	
					
					top: 25%;
					left: 4%;
  				/*transform: translateY(50px, 40px); */
					height: 50px ;
					padding: 40px,5px;  		
						}

.logo{
  /*  text-shadow: 2px 2px 4px #000000;  
  color:white;
	width: 300px; */
	
		float: left;
    position: relative;
    left: 3%;
    top: 6%
   /* margin-left: -100px /* Half the width of your image. IE6 will double this measure because it is floated. */
   /* margin-top: -50px /* Half the height of your image. IE6 	*/
			
	
}
	
.headonline {
					position: relative;					 
					float:right;						
					top: 30px;
					
					right: 40px; 
					font-size: 14px;
					}
					
	



/* **************************************************************************** */
	
	
				
.headsocial {
          position: relative;					 
					float:right;						
					top: 10%;
					right: 10px;
  				
					}			
					
.headcart {
					position:relative;
					float:right;
					top:8px;
					
					 padding-top:4px;
					 right: 5px;
					}
					
					
										
.icon_cart
	{
	background: url(_img/icons/icon_cart.gif) no-repeat;
	height: 20px;
	padding: 2px;
	padding-left:5px;
	margin-left:8px;
	}
		
	
	/* **************************************************************************** */




div.freedel {
				
					 					/*  position: -webkit-sticky;
 				 					    position: sticky;
 									 	 top: 0; */
				 
				border: 1px solid #999999;
				background: #d9d5d4;    /* #999999; */
				text-align: center;
				color: #d91c0b ;  /*  black;     was white  */

				font-size:1rem;
				font-family:verdana, sans-serif;
				text-decoration:none;
 
				height:38px;
				line-height: 38px;
				
				
				width:100%
				padding:50px 15px 38px 50px;
				/*padding-top:5px; 
				padding-left: 15px;
				padding-right: 15px;  */
							
				}


/* **************************************************************************** */


/* Thick red border */
hr {
				background:  black;  /*f6f6ee; */
 				border: 1px solid red;
				padding-left:50px;
				padding-right:30px;
}


	
div.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-color: white;
  padding: 1px;
 
} 	

.spacer {
				 display: flex;
				width: 150px;
				color: black; /* Changes text color to black */
  			font-family: inherit; /* Sets the font */
 				 font-size: 1.2rem; /* Sets a custom font size */
 				  text-align: center; /* Centers the text */
 					 margin: 15px 50px; /* Adjusts top and bottom margins */
			 }	
 .no-underline {
      text-decoration: none;
			
    }
		
.modalbutt {
  background-color: #777;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 50%;
  border: none;
  text-align: centre;
  outline: none;
  font-size: 15px;
}

  @media screen and (min-width: 0px) and (max-width: 950px) {
			 .modalbutt {
			 								width:70%;
											}
											}

 
 @media screen and (min-width: 0px) and (max-width: 600px) {
			 .modalbutt {
			 								width:100%;
											}
											}