html	{
	padding-top: 20px;
	padding-bottom: 10px;
	background-image: url(../images/seamlesstexture8_500.jpg);
	background-position: left top;
    background-repeat: repeat;
	}

body	{
	background-color: whitesmoke;
	width: 95%;
	margin: 0 auto;
	border: solid 4px;
	border-color: #ebc385;
	border-radius: 10px;
	box-shadow: 0px 10px 20px rgba(0,0,0,.7);
	font-size: 100%;
	font-weight: 400;
	}
	
/* SET LINKS HERE (BODY LINKS - BLACK, DASHED) NOT COUNTING THE HEADER AND FOOTER */

a:link, a:visited	{
	color: black;
	padding: 1px;
	text-decoration: none;
	border-bottom: dashed 1px black;
	}

a:hover	{
	color: black;
	text-decoration: none;
	border: dashed 1px black;
	border-radius: 5px;
	}

header a:hover	{
	text-decoration: none;
	border: none;
	}

/* SET HEADINGS AND PARAGRAPH (H1 AND H2 ONLY FOR PAGE HEADINGS IN THE HEADER - H3 AND H4 IN THE TEXT) */

h1		{
	font-family: 'Poppins', sans-serif;
	font-weight: 300;
	font-size: 4.3vw;
	letter-spacing: 0.5px;
	color: black;
	padding: 0px 0 0 16vw;
	margin-top: 2vw;
	}
	
.hide_when_big	{
	display: none;
	}
	

h2	{
	padding: 1vw 0 0 16vw;
	font-family: 'Archivo Narrow', sans-serif;
	letter-spacing: 0.5px;
	font-size: 1.85vw;
	font-weight: 400;
	color: white;
	margin-top: 10px;
	}

h3	{
	font-family: 'Cherry Cream Soda', cursive;
	font-size: 2.4vw;
	font-weight: 400;
	margin: 0.9em 0 0.5em 0;
	text-shadow: 4px 3px 6px rgba(0,0,0,.4);
	}
	
h4	{
	font-family: 'Cherry Cream Soda', cursive;
	font-size: 1.3em;
	font-weight: 400;
	margin: 1.5rem 0.25rem 1rem 0.5rem;
	}
	
/* EXTRA SPACE OVER H3 */

.space_over		{
	margin-top: 2rem;
	}

	
p	{
	font-family: 'Bitter', serif;
	font-size: 1.25vw;
	font-weight: 400;
	line-height: 2vw;
	letter-spacing: 0.4px;
	margin-bottom: 0.5rem;
	}
	
img	{
	border: 0;
	}
	
.mobil_menu	{
	display: none;
	}
	

/* HEADER - Used to define the header (the blue strip at the top of the page) - FOR ALL PAGES */
header    { 
	background-color: rgb(34,178,214); 
	width: 100%; 
	height: 12vw;
	border-radius: 7px 7px 0 0;
	padding: 1px 0 0 0;
	background-image: url("../images/bente_logo_140.gif");
	background-repeat: no-repeat;
    background-position: top left;
    background-size: 11.7vw 11.7vw;
	}
	
.hide_when_big	{
	display: none;
	}

/* NAVIGATION - Used to define the navigation box - FOR ALL PAGES */
	
nav	{
	padding: 1.5vw 0 25px 0;
	width: 100%;
	border-bottom: solid black 1px;
	background-color: #ebc385; 
	margin-bottom: 25px;
	overflow: hidden;
	display: block;
	height: 1.6vw;
	}

nav ul {
	list-style-type: none;
	}
	
nav > ul	{
	text-align: center;
	}
	

nav ul li	{
	list-style-type: none;
	display: inline-block;
    transition: all 0.3s;
    text-align: center;
    margin: 0 0.4vw 0 0.4vw;
	padding: 0 0.4vw 0 0.4vw;
	}
	
nav > ul > li > a:link, nav > ul > li > a:visited {
	font-family: 'Josefin Sans', sans-serif;
    color: red;
    font-size: 1.7vw; 
    text-decoration: none;
    border: none;
}

nav > ul > li a:hover	{
	color: black;
	}
	
/* LEFT COLUMN ON INDEX PAGE  */ 

.index_left_column  { 
	width: 40vw; 
	float: left;
	padding-bottom: 25px;
	padding-top: 1.2vw;
	margin: 1vw 0 0 3vw;
	}
	
aside		{
	background-color: #ebc385; 
	border: red solid 2px;
	border-radius: 10px;
	width: 30vw;
	margin: 0 auto;
	margin-top: 6vw; /* WHEN THERE IS A LOT IN THIS BOX, REDUCE THIS VALUE TO 3VW */
	margin-bottom: 4vw;
	padding: 0 2vw 0 4vw;
	}
	
aside h3	{
	text-align: center;
	padding-bottom: 1vw;
	}
	
aside p		{
	font-size: 1.3vw;
	line-height: 2vw;
	padding-bottom: 0.2vw;
	}


/* RIGHT COLUMN ON INDEX PAGE  */ 

#right_column_home  { 
	width: 38vw; 
	padding-bottom: 25px;
	margin-left: 48vw;
	padding-top: 0.01vw;
	margin-top: -1vw;
	}

/* ---------------------- FACEBOOK INSERTS -------------------------- */

#facebook {
	width: 36vw;
	margin: 0 auto;
	border: red solid 1px;
	border-radius: 10px;
	}
	
.fine_print	{
	font-family: arial, helvetica, sans-serif;
	font-size: 0.9vw;
	line-height: 1.2vw;
	margin-top: 1vw;
	}

	
/* CSS FOR FOOTER ------------------------------------------------------------------------------------------------------------------ */

footer	{
	height: 9vw;
    padding-top: 10px;
    padding-bottom: 30px;
    clear: both;
    background-color: rgb(34,178,214); 
    border-top: black solid 1px;
    border-radius: 0 0 7px 7px;
    color: white;
    text-align: center;
    font-size: 0.9rem;
       	}
    

.footer_float_left, .footer_float_right	{
	text-align: left;
	}
	
.footer_float_left	{
	display: block;
	margin: 0 auto;
	float: left; 
	width: 35vw;
	margin-left: 12vw;
	}
	
.footer_float_right	{
	display: block;
	margin: 0 auto;
	float: left;
	width: 38vw;
	margin-left: 5vw;
	}
	
.footer_float_left p, .footer_float_right p	{
	font-family: 'Arial', 'Helvetica', 'sans-serif';
	font-size: 1.2vw;
	line-height: 1.6vw;
	}
	
.footer_float_right p	{
	padding-bottom: 1.5vw;
	}

footer a:link { 
	color: white; 
	font-weight: 400;
	border-bottom: dashed 1px white;
	}
		
footer a:visited { 
	color: white; 
	font-weight: 400; 
	border-bottom: dashed 1px white;
		}
			
footer a:hover { 
	color: white; 
	font-weight: 500;
	border: dashed 1px white;
	border-radius: 2px;
	}