body { 
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	width: 70%;
	height: 100%;
	margin: auto;
	background-color:#DACEBC;
}


ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid #000000;
    border-radius: 10px;
    width: 100%;
    background-color: #E2CEB4;
}

li {
    float: left;
}

li a {
    display:block;
    color:#000000;
    padding:0;
    text-align: center; 
    padding: 14px 16px;
    font-size:20px;
    text-decoration: none;
    font-family:"arial",sans-serif;
    }


a:link {
          color:#000000;}      /* unvisited link */
a:visited {
              color: #003D05;}  /* visited link */
a:hover {
             color:#19A347;}  /* mouse over link */
a:active {
              color: #003A05;}  /* selected link */ 


h1 {
     color: #000000; 
     text-align:center;
     font-size:75px;
     font-family:"arial",sans-serif;}

h2 {
     color: #000000; 
     text-align:center;
     font-size:35px;
     font-family:"arial",sans-serif;}

h3 {
     color: #000000; 
     text-align:center;
     font-size:25px;
     font-family:"arial",sans-serif;}

h4 {
     color: #000000; 
     text-align:center;
     font-size:55px;
     font-family:"arial",sans-serif;}
h5 {
    color:#000000;
    text-align:center;
    font-size:40px;
    font-family:"arial",sans-serif; 
     }

h6 {
    color:#000000;
    text-align:center;
    font-size:12px;
    font-family:"arial",sans-serif; 
     }

table { 
    margin-left:auto;
    margin-right:auto;
    width:50%;
}

td{
    text-align:center;}
th{
    height:60px;
    font-size:30px;} 
table,th, td{
     border: 1px solid black;
     background-color:#E2CEB4;
     font-family:"Comic Sans MS", cursive, sans-serif; 
     align:center;}

div.img {
    border: 2px solid #000000;
    border-radius: 7px;
    padding: 5px;
}

div.img:hover {
    border: 2px solid #003A05;
    border-radius: 7px;
    padding: 5px;
}

div.img img {
    max-width: 100%;
    height: auto;
}

div.desc {
    padding: 15px;
    text-align: center;
    font-family:"arial",sans-serif;
}

* {
    box-sizing: border-box;
}

.responsive {
    padding: 6px;
    float: left;
    width: 25%;
}

@media only screen and (max-width: 900px){
    .responsive {
        width: 46%;
        margin: 5px;
    }
}

@media only screen and (max-width: 600px){
    .responsive {
        width: 75%;
    }
}

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

img {
    border-radius: 5px;
    max-width: 100%;
    height: auto;
}

p {
    text-align:center;
    font-size:25px;
    font-family:"arial",sans-serif; 
    color:#000000;}

p2 {
    text-align:center;
    font-size:12px;
    font-family:"arial",sans-serif; 
    color:#000000;}