body{
    font-family: "Verdana";
    font-size: 1.2em;
    color: #eb6e34;
    background-color: #e2edda;
}

.body{
  padding-left:30%;
  padding-right:30%;
}

.body2{
  padding-left:20%;
  padding-right:20%;
}

a{
  color:inherit;
text-decoration: none;}

a:hover{
  text-underline-offset:1px;
}

img{
  width:100%;
}

.title{
  padding-top:10px;
    font-size:2em;
}

.subtitle{
  text-align: center;
  font-weight: bold;
font-variant: small-caps;
letter-spacing: 0.2em;
}

.subtitle2{
font-size:1.5em;}

.menu{
 text-align: center;
  color:#695646;
  font-weight: bold;
  font-size:0.8em;
}

.menu2{
  text-align: center;
  color:#e2edda;
  font-weight: bold;
  font-size:0.8em;
}

.footer{
  font-size: 0.5em;
  text-align: center;
}

@media (max-width: 1200px) {
.body, .body2{
  padding-left:20%;
  padding-right:20%;
}      }


@media (max-width: 800px) {
.body, .body2{
  padding-left:5%;
  padding-right:5%;
}      }