#charset "UTF-8";

/*
	CSS style sheet for www.oliveand.co.uk
	
		-	designed using HTML5 and CSS3 December 2021 by David Urmston 
	*/
	
#page_top img {
	/*	background-image: url(../images/roses_1024x500.jpg);	*/
		background-attachment: fixed;
		position:static;
		top: 0px;
		width: 100%;
		color: #000;
		z-index: 9;
		
}

#floating img {
	/*	background-image: url(../images/small_banner.jpg);	*/
		background-attachment:fixed;
		width: 100%;
		color: #000;
		position:static;
		top: 0px;
		z-index: 9;
}


body { 
    color: #333;
    font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 2;  
}


#floatover {
		position: relative;
		position: sticky;
		z-index: 1;
			}

p {
		color: #333;
  		font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
  		font-size: 20px;
    	font-weight: 400;
    	line-height: 1.66; 
			margin-left:25%;
			z-index:1;   
}

ul {
		display: block;
  	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
  	color: gold;
		text-align: left;
		font-size: 26px;
		font-weight: 400;
		line-height: 1.5;
		margin-left: 25%;	
		z-index: 1;	
}

h1 {
		color: red;
		text-align: left;
		font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
    	font-size: 30px;
    	font-weight: 400;
    	line-height: 2;
    	margin-left: 25%;	
		z-index: 1;
}

h2 {
		color: plum;
		text-align: left;
		font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
    	font-size: 28px;
    	font-weight: 400;
    	line-height: 2;
    	margin-left: 25%;	
    	z-index: 1;	
}

h3 {
		color: gold;
		text-align: left;
		font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
    	font-size: 24px;
    	font-weight: 400;
    	line-height: 2;
    	margin-left: 25%;
    	z-index: 1;		
}

h4 {
		color: green;
		text-align: left;
		font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
    	font-size: 24px;
    	font-weight: 400;
    	line-height: 2;
    	margin-left: 25%;		
		z-index: 1;
}

#banner1 {
		line-height: 1.5;
		position: absolute;
		top: 10%;
		margin-left: 2%;
		z-index: 9;		
}

#banner2 {
		line-height: 1.5;
		position: absolute;
		top: 15%;
		margin-left: 2%;	
}

#banner3 {
		line-height: 1.5;
		position: absolute;
		top: 0%;
		margin-left: 5%;	

}

#banner4 {
		line-height: 1.5;
		position: absolute;
		top: 5%;
		margin-left: 5%;	
}

#main div p {
		text-align: left;
		margin-left: 25%;	
	
}

#ingredients div p {
		color: palevioletred;
		text-align: left;
		font-style: italic;
		margin-left: 25%;	
}

#otheringredients div p {
		color: palevioletred;
		text-align: left;
		font-style: italic;
		margin-left: 25%;		
}

#contactinfo div p {
		color: palevioletred;
		text-align: left;
		font-style: italic;
		margin-left: 25%;		
}

#ethics div p {
		color: palevioletred;
		text-align: left;
		margin-left: 25%;		
}

#navigation div p {
		text-align: left;	
		line-height: 1.5;
		margin-left: 25%;		
}

#nav {
		color: red;
		text-align: left;
		font-size: 20px;	
		font-weight: 400;
		line-height: 1.5;
		margin-left: 25%;		
}

#theingredients {
		font-style: italic;
}

em {
		font-weight: bold;
}

#lineone {
		margin-left: 25%;		
}

#linetwo {
		margin-left: 25%;		
}

#linethree {
 		margin-left: 25%;	
}

#linefour {
		margin-left: 25%;		
}

#products {
		margin-left: 25%;		
		color: red;
    	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
    	font-size: 15px;
		font-style: oblique;
		font-weight: 100;
}

#special {
		margin-left: 25%;		
		margin-right: 5%;
		text-indent: 5%;
		font-size: 90%;
		font-style: italic;
		text-align: justify;
}