*{
margin:0px;
padding:0px;
font-family: 'Cantarell', sans-serif;
font-size:20px;
max-width:100%;
}

body
{
background:#111;
}

#container
{
/*background:#62f472;
background:#DBA253;
background:white;*/
width:90%;
max-width:1100px;
margin: 0 auto;
padding-bottom:50px;
background-image:url('images/background1.png');
background-repeat:vertical;
background-size:100%;
background-position:fixed;
padding-top:20px;
}

div#contact
{
position:relative;
width:75%;
max-width:400px;
margin-left:27%;
padding-top:15%;
}
@media all and (min-width:800px){div#contact{margin-left:185px; padding-top:100px;}}

p.contact
{
margin:0;
position:relative;
font-size:18px;
z-index:3;
}

div#title
{
position:relative;
margin-bottom:10px;
width:94%;
max-width:700px;
z-index:1;
}
/*@media all and (min-width:1010px){*/div#titlepic{padding:0px; height:203px; margin-left:6%}

div#title > div#titlepic
{
position:absolute;
top: 0; bottom: 0; left: 0; right: 0;
background-image:url("images/title.png");
background-repeat:no-repeat;
background-size:100%;
z-index:1;
}

img.social
{
width:25px;
height:25px;
margin:5px 3px 0px 0px;
}

ul#nav
{
position:relative;
z-index:5;
margin:0px;
margin-left:5%;
width:70%;
padding-left:15%;
padding-right:10%;
}

li.nav
{
height:30px;
margin:10px 20px 0px 0px;
display:inline;
list-style-type:none;
font-size:22px;
color:#222;
cursor:pointer;
white-space:nowrap;
}

a.nav{color:#006605;}
a.nav:hover{color:#008C00;}
a.nav:active{color:#00A800;}

p, h1
{
position:relative;
margin:0px 5% 20px 5%;
}

label
{
margin-left:25px;
display:block;
}

ul
{
position:relative;
margin-left:15%;
margin-right:15%;
}

h2
{
margin-left:15px;
}

@media all and (min-width:700px)
{div.box{width:48%; float:left;}}
@media all and (max-width:699px)
{div.box{width:100%; float:none;}}

.right{float:right;}
.left{float:left;}
.clear{clear:both;}

#biopic
{
width:auto;
height:236px;
margin-right:30px;
margin-left:30px;
border-radius:5px;
box-shadow:4px 4px 15px #353535;
}
@media all and (max-width:600px)
{#biopic{float:none; display:block; margin:0 auto; margin-bottom:15px;}}

.left{float:left;}
.right{float:right;}

a{text-decoration:none; color:#32d452;}
a:hover{color:#22c442;}
a:active{color:#52f472;}

input,textarea,button,select
{
margin-left:20px;
display:block;
background-color:#000;
color:#777;
border:2px solid #333;
}
textarea
{
width:90%;
max-width:500px;
height:auto;
min-height:160px;
}

h4
{
font-size:24px;
font-weight:bold;
margin:5px 0px 0px 5px;
}

div.product
{
border:1px solid #333;
border-radius:10px;
margin-bottom:15px;
float:left;
}

@media all and (min-width:700px)
{div.product{width:46%; margin-left:2%; float:left;}}
@media all and (max-width:699px)
{div.product{width:94%; margin:0 auto; float:none;}}

.small
{
font-size:16px;
font-weight:none;
}

.red{color:#a00}

img.gallery
{
width:auto;
max-width:94%;
height:250px;
border-radius:5px;
margin-left:10px;
}

div.gallery
{
display:none;
position:fixed;
left:0;
right:0;
top:0;
bottom:0;
width:100%;
height:100%;
background-image:url('images/opac.png');
z-index:11;
}

.full_view
{
display:block;
width:auto;
height:auto;
max-height:90%;
max-width:90%;
margin: 0 auto;
margin-top:5vh;
border-radius:5px;
border:1px solid #000;
}