body {
background-color: #A4A4A4;
}


#p1 {
background-color: #000000;
color: white;
font-size: calc(1.5rem + 3vw);
font: bold "Comic Sans MS", Comic Sans, cursive;
letter-spacing: -2px;
text-align: center;
margin: 0;
}

#p2 {
font-size: calc(0.5rem + 3vw);
font: "times new roman", serif;
text-align: left;
margin: 0;
}



@media (max-device-width: 480px)
{
img {
width: 90%;
}
}

@media (min-device-width: 480px)
{
img {
width: 45%;
}
}

ul#menu1 {
margin: 5px;
padding: 0;
font: bold 1em Milkshake.otf, Georgia, Times, serif;
border-radius:15px;
float: left;
list-style-type: none;
width: 100%;
}

#menu1 a {
display: block;
margin: 5px 0;
color: black;
text-decoration: none;
font: bold 1em Georgia, Times, serif;
font-size: 85%;
line-height: 35px;
width: 200px;
border-radius:15px;
border: 3px solid black;
background: #fc0;
text-align: center;
}

#menu1 a:hover {
color: white;
background: yellow;
text-shadow: 2px 3px 3px black;
}



ul.galerie2 li a img {
float: left;
width: 200px;
}

ul.galerie2 li a:hover img {
-webkit-transform: scale(3);
-moz-transform: scale(3);
-o-transform: scale(3);
transform: scale(3);
}