.responsivefull {

  width: 100%;

  height: auto;

}

.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
	text-align: center;
}

.videocenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

a:link{

  color:grey;

}



a:visited{

  color:green;

}



a:hover{

  color:red;

  font-size: bold;

}



a:active{

  color:cyan;

  font-style: italic;

}



body {

   padding: 1em;

   margin: 0em;

   background-color: rgb(5, 5, 5);

   background: url("images/tile.png");

}

   

figure {

   text-align: center;

   margin: 0em;

}

   

h2 {

   text-align: center;

}



ol {

   list-style-type: none;

}



table {

   width: 80%;

   margin-top: 1em;

   margin-bottom: 1em;

   margin-left: auto;

   margin-right: auto;

   border-collapse: collapse;

}



td, th {

   border: 1pt;

   border-color: black;

   border-style: solid;

   padding: 1em;

}



ul {

   list-style-type: none;

}



#box{

   border-style: groove;

   border-color: #00ff00;

   width: 60em;

   border-width: 0.59em;

   padding: 1em;

   margin-left: auto;

   margin-right: auto;

   color: rgb(255, 255, 255);

   font-family: "Comic Sans MS", georgia, serif;

   background-color: rgb(5, 5, 5);

   position: relative;

}

   

   

#contact{

   text-align: right;

   width: 11em;

   margin-left: auto;

   background: black;

   color: yellow;

}



#content{

   display: block;

   margin-left: 13em;

   margin-top: 2em;

}



#name{

   color: #308200;

   font-weight: bold;

}



#nav{

  text-align: center;

  background: #5C0087;

  color: yellow;

  margin-top: 0em;

  margin: 0em;

  width: 725px;

  margin-left: auto;

  margin-right: auto;

}



#nav a:link{

  color:yellow;

}



#nav a:visited{

  color:yellow;

}



#nav a:hover{

  color:#23F734;

}



#nav a:active{

  color:yellow;

}



#mainnav{

  padding-left: 0.5em;

  padding: 0.25em;

  width: 9em;

  position: absolute;

}



#mainnav a{

  text-decoration: none;

}



#mainnav li{

  list-style-type: none;

  padding: 0.25em 0.25em 0.25em 1em;

  margin: 0.25em 0;

  background: #5C0087;

  position: relative;

}



#mainnav ul{

  margin: 0;

  padding: 0;

  position: relative;

  top: 2em;

}



.banner img {

   border-left: yellow;

   border-left-width: 0.5em;

   border-left-style: groove;

   border-right: yellow;

   border-right-width: 0.5em;

   border-right-style: ridge;

   border-top: yellow;

   border-top-width: 0.5em;

   border-top-style: groove;

   

   

   margin-bottom: 0em;

   vertical-align: bottom;

}



.company{

   font-style: italic;

}



.firstrow{

  font-size: 2em;

  background: #FFFF01;

  color: #1EB13D;

}



.picture img{

  display:block;

  float: right;

  padding: 0;

  margin-right: 3em;

  margin-bottom: 0.5em;

  margin-left: 1em;

  margin: 2em;

}



.secondrow{

  font-size: 1em;

  background: #FFFF01;

  color: #1EB13D;

}

   

.slogan{

   text-align: center;

   width: 60%;

   margin-left: auto;

   margin-right: auto;

   font-family: "Comic Sans MS", georgia, serif;

   font-size: 1.5em;

   color: #00bf19;

}

.slogan2{

   text-align: center;

   width: 60%;

   margin-left: auto;

   margin-right: auto;

   font-family: "Comic Sans MS", georgia, serif;

   font-size: 3em;

   color: #00bf19;

}

.thirdrow{

  font-size: 1em;

  background: #6CC7F1;

  color: yellow;

}