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


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;
}

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


img {width: 20.83vw;margin-left: 1.56vw; margin-right: 1.56vw;border-radius: 1.3vw; }



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

.row {display: flex; justify-content: space-between;}

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