/*
   Love Friday CSS
   
   Author: B Buggins  
   Date: 2015 September 24

   Filename: loveFridayStylesheet1.css
   Supporting Files: none
*/

@import url('https://fonts.googleapis.com/css?family=Allerta+Stencil');
*                 	{margin:0px; padding:0px; border-width: 0px}
body          	{background-color:white; font-family:'Allerta Stencil', sans-serif; color:black; font-size:80%}
div		{position:relative; margin:auto}
a                                  {text-decoration:none}
#navigation             	{position:fixed;z-index: 999; left:0; padding:0.8%; width:100%; font-size:2em; letter-spacing:0.2em; text-align:center; background-color: white}
#navigation li	{display:inline; list-style-position:inside; list-style-type:disc; vertical-align:text-top; padding:5%}
#navigation li a	{color: black}
#contentHome    	{position:relative; top:4em; min-height:49em; background-image:url(../images/backgroundHome.jpg); background-repeat:repeat; background-size:cover}
#contentHome h1 	{position:absolute; top:66%; left:5%}
#contentProducts    	{position:relative; top:4em; min-height:84em; background-image:url(../images/backgroundOther.jpg); background-repeat:repeat-y; background-size:cover}
#contentProducts h1 {position:absolute; top:1em; left:4%; background-color:white; font-size: 3em; font-weight:500; letter-spacing:0.1em; word-spacing: 0.5em}
#productImages        {position:absolute; top:8%; width:100%; text-align:center}
#productImages img {margin:1%; width:260px; height:260px}
#contentOther    	{position:relative; top:4em; min-height:49em; background-image:url(../images/backgroundOther.jpg); background-repeat:repeat; background-size:cover}
#contentOther h1 	{position:absolute; top:20%; left:4%; font-size:1.8em; font-weight:800; letter-spacing:0.1em; word-spacing:0.2em}
#contentStory 	{position:absolute; top:40%; left:4%; font-size:1.5em; font-weight:500; letter-spacing:0.1em; word-spacing:0.3em}
#contentContact        {position:absolute; top:40%; width:100%; background-color:white; font-size:1.6em; font-weight:500; letter-spacing:0.1em; word-spacing:0.2em}
#contentContact p     {margin:0.6em}
#footer		{width:100%}
#copyrightlogo	{position:absolute; top:4px; left:4px}
#footer p                     {position:absolute; top:3px; left:30px; font-size:1.4em}
#facebooklogo	{position:absolute; top:0px; right:54px; width:30px; height:30px}
#instagramlogo	{position:absolute; top:-2px; right:2px; width:34px; height:34px}