body{
font-family:Arial,Verdana,sans-serif;
overflow:scroll;
padding:10px;
margin:30px;
color:black;
background-color:#edeeee;}

h1{
font-size:80px;
text-align:center;
border-bottom:25px solid black;
font-family:"Cooper Black",serif;
text-shadow:-2px 2px 3px grey;
margin-top:-40px;}

a{
color:black;
text-decoration:none;}

a.link{
text-decoration:underline;}

.navigation,.body{
border:4px double #000;
border-radius:20px;
background-color:#ffffff;}

.navigation{
position:absolute;
left:100px;}

.navigation ul{
margin-top:0px;
margin-bottom:0px;
margin-left:-40px;}

.navigation li{
list-style-type:none;
padding:10px;
border-bottom:1px solid black;}

.navigation li:hover{
background-color:rgba(255,255,0,50%);}

.navigation li.first{
border-top-left-radius:15px;
border-top-right-radius:15px;}

.navigation li.last{
border-bottom:none;
border-bottom-left-radius:15px;
border-bottom-right-radius:15px;}

.navigation a{
text-decoration:none;
display:block;}

a:hover, a.on{
color:red;
text-decoration:underline;}

a.header, a.videolink{
text-decoration:none;}

a.videolink:hover{
text-decoration:underline;
color:black;}

.body{
min-height:197px;
max-width:970px;
margin:auto;
padding:20px;
text-align:justify;
position:relative;}

h2{
font-size:35px;}

img{
float:left;
margin-right:10px;
margin-bottom:10px;
box-shadow:-5px 3px 10px 1px black;
border-radius:10px;}

li{
list-style-type:square;}

.content:after
{content:"";
display:table;
clear:both;}

.contentinfo{
display:none;
margin-left:20px;}

.video{
float:left;
padding-right:10px;
padding-bottom:20px;}

.videorow01,.videorow02,.videorow03,.videorow04{
float:left;
clear:both;
position:relative;
top:10px;
border-top:1px solid black;
width:100%;}

iframe{
border:0px;}

.videoexplode{
position:relative;
left:-200px;}

fieldset{
border-radius:20px;}

input,textarea{
border-radius:10px;}

.button{
padding:10px;
float:left;
margin-left:-10px;}

textarea{
resize:none;
width:95%;
overflow:auto;}

h5{
width:98.3%;
background-color:#000000;
color:#dcdcdc;
font-size:10px;
text-align:center;
padding:10px;}

h5>a{
color:#dcdcdc;}

footer{
position:relative;
top:40px;}

@media screen and (max-width:1530px)
{

h1{
margin-top:-40px;
margin-bottom:0px;}

.body{
max-width:initial;}

span{
display:none;}

.navigation{
position:relative;
left:0px;}

.navigation ul{
text-align:center;
display:block;
border-bottom:initial;}

.navigation li, .navigation a{
display:inline;}

.navigation li{
padding:20px;
border-bottom:none;}

.navigation li.about{
border-top-left-radius:0px;
border-top-right-radius:0px;}

.navigation li.contact{
border-bottom:none;
border-bottom-left-radius:0px;
border-bottom-right-radius:0px;}
.navigation li.first{
border-radius:initial;}

.navigation li.last{
border-bottom:none;
border-radius:initial;}

h5{
padding:20px;
margin-top:-40px;
width:95%;}

}

@media screen and (max-width:320px)
{
body,fieldarea{
width:100%;}
}

@media screen and (max-width:600px)
{
	
h1{
margin-top:-20px;}

body{
max-width:100%;
padding:0px;}

.navigation{
position:relative;
left:0px;}

.navigation li{
padding:5px;
border-bottom:none;
font-size:13px;}

span{
display:none;}

h1{
border-bottom:10px solid black;
margin-bottom:0px;
font-size:34px;}

.body{
text-align:left;
font-size:14px;}

.homedescription p{
float:right;
padding:0px;}

.workdescription{
width:90%;}

iframe{
width:100%;}

p{
margin-right:15px;}

fieldset,input,textarea{
width:95%;}

footer{
top:0px;}

h5{
width:90%;
padding:16px;
margin-top:0px;}

}