@charset "utf-8";

img
{
max-width: 100%;
min-width: 100%;
}

img.logo
{
display: block;
margin-top: 13em;
max-width: 90%;
}

video
{
width: 100% !important;
height: auto%; !important;
}

.float-left
{
float: left;
margin: 0 0 0 1em;
}

.float-right
{
float: left;
margin: 0 1em 0 0;
}

p.commentary
{
font-family: serif;
font-size: 1.5em;
font-weight: normal;
font-style: italic;
/*line-height: 4;*/
color: white;
margin-top: -.5em;
padding-left: 25%;
padding-right: 25%;
}

/* -- start navigation -- */

#navcontainer
{
margin: 0;
padding: 0;
height: auto;
position: absolute;
left: 0em;
top: 0em;
z-index: 1000;
width: 100%;
}

#navcontainer ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li
{
background: rgba(254,254,254,.5);
float: right;
text-align: center;
margin: 0em;
width: 100%;
}

#navcontainer ul li.shop-alma-li
{
background: rgba(250,120,70,.7);
float: right;
text-align: center;
margin: 0em;
width: 100%;
}

#navcontainer ul li.privacy-li
{
background: rgba(70,150,250,.7);
float: right;
text-align: center;
margin: 0em;
width: 100%;
}

#navcontainer ul li.everlasting-li
{
background: rgba(240,90,140,.7);
float: right;
text-align: center;
margin: 0em;
width: 100%;
}

#navcontainer ul li.fresh-li
{
background: rgba(235,235,90,.7);
float: right;
text-align: center;
margin: 0em;
width: 100%;
}

#navcontainer ul li.wedding-li
{
background: rgba(90,110,240,.7);
float: right;
text-align: center;
margin: 0em;
width: 100%;
}

#navcontainer ul li a
{
background: transparent;
border: none;
margin: 0 0;
padding: 1em;
color: #000;
text-decoration: none;
display: block;
text-align: center;
font: bold .75em/1em 'Helvetica Neue', Arial, Helvetica, sans-serif;
}

#navcontainer ul li a:hover
{
color: #fff;
padding: 1em;
background: rgba(27,120,20,.5);
}

#navcontainer a:active
{
background: #fff;
padding: 1em;
margin: 0 0;
color: black;
}

#navcontainer li#active a
{
background: #fff;
padding: 1em;
margin: 0 0;
color: black;
}

/* -- end navigation -- */

#container
{
max-width: 95%;
}

.large-3
{
width: 100%;
clear: both;
margin: auto;
}

.large-3-5
{
width: 100%;
clear: both;
margin: auto;
}

.large-4
{
width: 100%;
clear: both;
margin: auto;
}

.large-6
{
width: 100%;
clear: both;
}

.large-8
{
width: 100%;
clear: both;
margin: auto;
}