html *  {max-height: 999999px;}


img {
    margin-left: auto;
    margin-right: auto;
    padding-top: .26vw;
    width: 98vw;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    clip-path: polygon(0 85%, 0 0, 100% 0%, 100% 85%, 50% 100%);
    align-self: center;
}


html {
    
    background-color:rgba(27,27,27,255);
}





ul { object-fit: contain; list-style-type: none;padding: 0; overflow: hidden;}

li {float:right; }

li a{object-fit: contain;font-size: 1.2vw; width: 7.25vw; font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; text-wrap: nowrap;}

.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}

.blurbtitle {text-align: center; padding-top: 2.6vw; color: rgba(190,164,111,255); font-size: 2.86vw; width: 30vw;margin-left: auto; margin-right: auto; display: block;}
.blurb {flex-direction: column;
    object-fit: contain;
    width: 71.125vw; text-align: center ; margin-left: auto; margin-right: auto; padding-top: 1.56vw; padding-bottom: 15.63vw; color: rgba(190,164,111,255); font-size: 1.56vw;;
}

.read { width: 26.04vw; text-align: center; ; padding-top: 1.56vw; padding-bottom: 1.56vw; color: rgba(190,164,111,255); font-size: 1.3vw; display:block; padding-left: 1.56vw; padding-right: 1.56vw; margin:0 auto;}
.read:hover {background-color: rgba(50,50,50,255)}
.read:active {background-color: rgba(27,27,27,255)}

@media screen and (max-width:1000px)
{.blurb{font-size: 3vw; width: 85vw;} 
.blurbtitle{font-size: 5vw; width: 50vw;}
.read{font-size: 2.4vw; width: 15vw;}
li a{font-size: 2vw; width: 15vw;}}

