html {
    background-color:rgba(27,27,27,255); 
}

img {width:7.81vw;}

nav {height: 4.17vw;}

ul {  list-style-type: none;padding: 0; overflow: hidden;}

li {float:right; }

li a{font-size: 1.2vw; width: 7.25vw; font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; text-wrap: nowrap;}

.home { text-align: center; display: block; padding-top: 1.2vw; padding-bottom: 1.2vw; Padding-left: 2.1vw; padding-right: 2.1vw;color: rgba(190,164,111,255)}
.about { text-align: center; display: block; padding-top: 1.2vw; padding-bottom: 1.2vw; Padding-left: 2.1vw; padding-right: 2.1vw;color: rgba(190,164,111,255)}
.contact { text-align: center; display: block; padding-top: 1.2vw; padding-bottom: 1.2vw; Padding-left: 2.1vw; padding-right: 2.1vw;color: rgba(190,164,111,255)}
.gallery { text-align: center; display: block; padding-top: 1.2vw; padding-bottom: 1.2vw; Padding-left: 2.1vw; padding-right: 2.1vw;color: rgba(190,164,111,255)}
.offer { text-align: center; display: block; padding-top: 1.2vw; padding-bottom: 1.2vw; Padding-left: 2.1vw; padding-right: 2.1vw;color: rgba(190,164,111,255)}
li a:hover {background-color: rgba(15,15,15,255);}
li a:active {background-color: #333}

h1 {text-align: center; color: rgba(190,164,111,255); font-size: 3.65vw; padding-top: 2.1vw; font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

p {text-align: center; color: rgba(190,164,111,255); font-size: 1.56vw; margin-left: auto; margin-right: auto; width: 71.12vw; display: block; background-color: rgba(37,37,37,255); border-radius: 1.56vw; font-family: Arial, Helvetica, sans-serif; padding: 1.2vw;}

a{color: rgba(190,164,111,255)}

@media screen and (max-width:1000px)
{p{font-size: 3vw;} img {width: 15vw;}
li a{font-size: 2vw; width: 15vw;}}