html, body {
font-size: min(3vw, 18px); 
font-family: verdana, arial; 
background-color: black;
margin: 0;
padding: 0;
height: 100%;
color: white;
}

table {
font-size: min(3vw, 16px);
font-family: verdana, arial; 
color: black;
}

A:link {font-size: min(3vw, 18px); font-family: verdana,arial; font-weight: bolder; color: green; text-decoration: none;}
A:visited {font-size: min(3vw, 18px);font-family: verdana,arial; font-weight: bolder; color: green; text-decoration: none;}
A:hover {font-size: min(3vw, 18px); font-family: verdana,arial; font-weight: bolder; color: yellow; text-decoration: none;}

H1 {font-size: min(5vw,35px); font-family:verdana,arial; font-style:bold; color:green; padding: 4px; margin: 0px;}
H2.valentines {font-size:3vmax; font-family:verdana,arial; font-style:bold; color:#800000; padding: 4px; margin: 0px; text-shadow: 0px 1px 0px rgba(255,255,255,.5), 0px -1px 0px rgba(0,0,0,.7);}
H2 {font-size: min(5vw, 30px); font-family:verdana,arial; font-style:bold; color:#00C000; padding: 4px; margin: 0px;text-shadow: 0px 1px 0px rgba(255,255,255,.5), 0px -1px 0px rgba(0,0,0,.7);}
H3 {font-size: min(4vw, 28px); font-family:verdana,arial; font-style:bold; color:#006699; padding: 4px; margin: 0px;}

H5 {font-size: min(3vw, 20px); font-family:verdana,arial; font-style:bold; color:#006699; font-style:italic; padding: 4px; margin: 0px;}
H6 {font-size: min(5vw, 32px); font-family:tahoma,arial; font-weight:light; color: #008000; padding: 4px; margin: 0px; text-shadow: 0px 1px 0px rgba(255,255,255,.5), 0px -1px 0px rgba(0,0,0,.7);}

*:focus {outline: none;}

h4 {
   -webkit-text-stroke: 1px black;
   color: white;
   text-shadow:
       3px 3px 0 #000,
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
}


#container
{
	margin: 0;
	width: 100%;
	padding: 0;
	height: 100%;
}

#menuside {
position:fixed !important;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
padding-top: 15px;
width: 15%; 
min-width: 110px;
	background: url(./images/texture.jpg) repeat 0 0; 
	text-align:center;
}

#galleryside {
	width: 85%;
	float: left;
	padding-left: 125px;
	text-align: center;
}

#pricing {
	width: 80%;
	margin: 0 auto;
	display: inline-block;
	text-align: center;
	
}



#gallery {
	background-color: white;
	width: 80%;
	margin: 0 auto;
	display: inline-block;
	text-align: center;
	
}

.webshot {
	width: 300px;
	height: 250px;
	color: black;
	padding: 20px;
	font-weight: bold;
	font: 15px verdana, sans-serif;
	display: inline-block;
	margin-bottom: 50px;
	float: left;
}

.imgr {
	width: 95%;
	max-width: 250px;
	min-width: 250px;
	}
	
.whiteout {
	-webkit-text-stroke: 1px white;
}

#notebook
{
	background-image:url(./images/contact_notebook.jpg);
	background-repeat:no-repeat;
	background-size: cover;
	background-position: center;
	width: 85%;
	height: 450px;
	max-width: 640px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;

}

.mcsperrindesign 
{
	width: 85%;
	max-width: 728px;
	margin: 10px;
}

#designhome
{	background-image:url(./images/texture.jpg);
	background-repeat:repeat-y;
	background-size: 150px;
	background-position: center;
	margin-left: auto;
	margin-right: auto;
	width: 75%;
	height: 1000;

}

.textfit {
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	padding-right: 150px;
}