@import url('https://fonts.googleapis.com/css2?family=Della+Respira&family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Courgette&display=swap');



body 
{

margin:0;
padding:0;
}



.mastercont
{
width:100%;
max-width:1000px;
margin:auto;
}

.innercont
{
max-width:1000px;
width:96%;
margin:auto;
}






#header
{
z-index:1;
position:fixed;
top:0px;
height:90px;
width:100%;
text-align:left;
font-size: 40px;
background:rgba(255,255,255,0.9);
color: #000;


-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
border:0px solid red;
}


#logo 
{
float:left;
text-align:left;

height:60px;
vertical-align:top;

transform: scale(1.0);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}

#cartdiv
{
display:inline-block;
text-align:right;
width:80px;
float:right;
}

#carticon
{
height:40px;
vertical-align:top;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}

#menu
{
position:relative;
top:105px;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;	
}







#hiddenmenu
{
display:none;
background:white;
}

#footer
{
height:300px;
background:#2F72A7;
}




#ticker
{
	background:#4169E1;
	width:100%;
	position:fixed;
	top:0;
	height:auto;

	
	z-index:2;
	padding:20px;
}



.clear
{
clear:both;
}









.orangebox
{
display:inline-block;
background:#FF8732;
padding:7px;
color:white;
font-family: 'DM Sans', sans-serif;
}

#page
{
background:#E7ECF2;
height:400px;
}








p
{
font-family: 'DM Sans', sans-serif;
}





a
{
text-decoration:none;
}





.portrait
{
border:5px solid white;
max-width:100%;
}








nav {
	margin:0;
color:grey;
}

nav ul {
	padding: 0;
        margin: 0;
	list-style: none;
	position: relative;
	color:grey;
	font-family: 'DM Sans', sans-serif;
	}	
nav ul li {
	display:inline-block;
color:grey;
	font-family: 'DM Sans', sans-serif;
	}
nav a {
	display:block;
	padding:0 10px;	
color:grey;
	font-size:20px;
	line-height: 50px;
	text-decoration:none;
	
}
nav a:hover { 
	background-color: orange; 
}
nav ul ul {
	display: none;
	position: absolute; 
	top: 60px; 	
}	
nav ul li:hover > ul {
	display:inherit;
}	
nav ul ul li {
	width:230px;
	float:none;
	display:list-item;
	position: relative;
}
nav ul ul ul li {
	position: relative;
	top:-60px; 
	left:230px;
}
nav ul ul li {
	border: 1px solid white;
}	
li > a:after { content:  ' ▼'; }
li > a:only-child:after { content: ''; }






.courgette
{
font-family: 'Courgette', cursive;
}

h1 {
font-family: 'Roboto', sans-serif;
font-family: 'DM Sans', sans-serif;
font-size: 32px;
color: #000000;
font-weight: bold;

padding: 0px;
margin: 0px;

display: inline;
}
h2 {
font-family: 'Roboto', sans-serif;
font-family: 'DM Sans', sans-serif;
font-size: 16px;
color: #000000;
font-weight: normal;

padding: 0px;
margin: 0px;

display: inline;
}
h3 {
font-family: 'Roboto', sans-serif;
font-family: 'DM Sans', sans-serif;
font-size: 12px;
color: #000000;
font-weight: normal;

padding: 0px;
margin: 0px;

display: inline;
}

.h1o
{
color:#FF8732;
}
.h1b
{
color:#2F72A7;
}

.h1w
{
color:#ffffff;
}
.h2w
{
color:#ffffff;
}
.h3w
{
color:#ffffff;
}
.h1g
{
color:#606060;
}
.h2g
{
color:#606060;
}
.h3g
{
color:#606060;
}