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.3vw; width: 8.33vw; font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;}

.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)}

.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)}

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

img {width: 41.67vw;margin-left: auto; margin-right: auto;border-radius: 1.3vw; margin-bottom: 5.21vw;}




.row {display: flex; justify-content: space-between;}
@media screen and (max-width:1000px){
    li a{font-size: 2vw; width: 15vw;}}