/* Start of Dropdown Menu System */

.ddm {
    display:inline-block;
    list-style-type:none;
    padding:0;
    margin:0;
}

.ddm li {
    float: left;
}

.ddm li a {
    display:inline-block;
    text-decoration:none;
    padding:5px 10px 5px 10px;
    color:#000000;
    background:#cc9999;
}

.ddm li a:hover {
    color:#000000;
    background:#ffcc99;
}

.ddm li div {
    display:none;
    position:absolute;
    z-index:100;
}

.ddm li:hover div {
    display:block;
}

.ddm li div a {
    display:block;
    text-align:left;
    white-space:nowrap;
    color:#000000;
    background:#cc9999;
}

.ddm li div a:hover {
    color:#000000;
    background: #ffcc99;
}

/* End of Dropdown Menu System */

body
{
  background-image:url('rough-surface.jpg');
  margin:auto;
  text-align:center;
  font-size:1.2vw;
}

.head1
{
  font-size:2vw;
}

.head2
{
  font-size:1.75vw;
}