*               { padding: 0; margin: 0; }
html            { background-color: #000000;color: #ffffff; height: 100%;width: 100%; }
body            { height: 100%;width: 100%; }
form            { height: 100%;width: 100%; }

a               { text-decoration: none;color: #ffffff; }

.Profile        { height: 100%;width: 100%; background-image: url('../Images/Design/Profile.png');background-repeat: no-repeat;background-position: left bottom;background-size: auto 100%; }

.MenuWrapper                                { position: absolute;bottom: 20px; right: 20px;height: 39px;width: 360px; }
.MenuWrapper .Menu                          { background-image: url('../Images/Design/Menu.png'); height: 39px;width: 43px;position: absolute;bottom: 0;right: 0;cursor: pointer; }
.MenuWrapper .MenuItems                     { padding-right: 50px;text-align: right; }
.MenuWrapper .MenuItems a                   {  }
.MenuWrapper .MenuItems a .MenuItem         { display: inline-block;height: 39px;text-align: center;width: 150px;cursor: pointer; }
.MenuWrapper .MenuItems a .MenuItem.About   { background-image: url('../Images/Design/MenuAbout.png');background-repeat: no-repeat;background-position: center center; }
.MenuWrapper .MenuItems a .MenuItem.Contact { background-image: url('../Images/Design/MenuContact.png');background-repeat: no-repeat; background-position: center center; }
.MenuWrapper .MenuItems a .MenuItem.Home    { background-image: url('../Images/Design/MenuHome.png');background-repeat: no-repeat; background-position: center center; }

.LogotypeWrapper            { text-align: center;width: 100%;height: 100%; }
.LogotypeWrapper .Logotype  { background-image: url('../Images/Design/Logotype.png');width: 100%;height: 100%;background-repeat: no-repeat;background-position: center center;background-size: 80% auto; }

.AbsoluteCenter             { width: 100%;height: 30px; text-align: center;position: absolute;top: 50%;font-family: verdana;font-size: 20px;  }
.Email       { background-image: url('../Images/Design/Email.png');background-repeat: no-repeat;background-position: center center; }
.About       { background-image: url('../Images/Design/About.png');background-repeat: no-repeat;background-position: center center; }

@media only screen and (max-width: 500px) {
    .Profile                    { background-size: auto 75%; }
    .LogotypeWrapper .Logotype  { background-position: center 10%;}
    form.Email                  { background-size: 90% auto; }
    form.About                  { background-size: 90% auto; }

    .MenuWrapper                                { right: 0;width: 100%;text-align: center;height:130px; }
    .MenuWrapper .Menu                          { display: inline-block;right: -21px;margin-right: 50%; }
    .MenuWrapper .MenuItems                     { padding-right: 0;text-align: center; }
    .MenuWrapper .MenuItems a                   {  }
    .MenuWrapper .MenuItems a .MenuItem         { display: inline-block;height: 39px;text-align: center;width: 150px;cursor: pointer; }
    .MenuWrapper .MenuItems a .MenuItem.About   { background-image: url('../Images/Design/MenuAbout.png');background-repeat: no-repeat;background-position: center center; }
    .MenuWrapper .MenuItems a .MenuItem.Contact { background-image: url('../Images/Design/MenuContact.png');background-repeat: no-repeat; background-position: center center; }
    .MenuWrapper .MenuItems a .MenuItem.Home    { background-image: url('../Images/Design/MenuHome.png');background-repeat: no-repeat; background-position: center center; }
}