html{background: url(../img/20200205_mestessa_19379_FLIPPED.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;font-family: serenity, sans-serif;
  -o-background-size: cover;
  background-size: cover;}
body{font-family: serenity, sans-serif;}
.block{position: fixed;
    top: 30%;
    width: 440px;
    text-align: left;
    right: 10%;
    color: #000;}
.block h1,.block h3{font-weight:100;}
.block h3{font-size:16px;line-height: 26px;}
.block h1{    letter-spacing: 2px;font-weight:500;font-size:24px;}
.menu{width:100%;height:80px;position: fixed;padding: 18px 16px;}
.menu .logo{  font-size:20px; font-weight:100;    font-family: "semplicitapro",sans-serif;    padding-top: 6px;
    display: inline-block;}
.menu .logo span{font-weight:500;}
.menu .logo h1,.menu .logo h3{font-weight:100;}
.menu .menu-right{font-size:16px;font-weight:100;float:right;display:inline-block;    padding: 10px 10px;color:#000;}
.menu .menu-right:hover{text-decoration:none;}
a{color:#000;}
a:hover{text-decoration:none;color:#000;}
@media only screen and (max-width: 768px) {
	.block{background:#fff;opacity:0.7;padding: 30px;top: 10%;}
}
@media only screen and (max-width: 450px) {
	.block{width:100%;right:0;top: 30%;}
	.menu{padding: 18px 6px;}
  .menu .logo{  font-size:14px;    display: inline-block;
    margin-top: 14px;}
	
}