:root {
    --variable-collection-red: rgba(217, 35, 35, 1);
}

/* //////////////////

FONT STYLES

  font-size: clamp(100%, 1rem + 2vw, 24px); 

////////////////// */



h1, h2, h3, h4, h5, h6 {
    font-family: "Montserrat-Bold", Helvetica;
    font-weight: 700;
    margin: 0;
    line-height: normal;
}

h1, h3 {
    color: #EFBD1B;
    font-size: clamp(100%, 1rem + 4vw, 48px);
    font-style: normal;
    text-transform: uppercase;
    
}

h2, h5, h6 {
    font-family: "Montserrat-SemiBold", Helvetica;
    font-weight: 600;
} 

h2, h6 {
    font-size: clamp(100%, 1rem + 2vw, 32px);
    font-style: normal;
} 

h2 {
    color: #C8C8C7;
}

h4 {
    color: #15120D;
    font-size: clamp(100%, 1rem + 2vw, 24px);
}

h5 {
    color: #C08044;
    font-size: clamp(100%, 1rem + 2vw, 20px);
}

h6 {
    color: #df6351;
}

p, ul {
    font-family: "Montserrat", Helvetica;
    font-weight: 400;
    font-size: clamp(100%, 1rem + .5vw, 20px);
    color: #F0EAD6;
    margin: 0;
}

p i {
    font-size: 16px;
    font-style: normal;
}

#rates li,
#rates li strong {
    font-family: "Montserrat-Bold", Helvetica;
}

#rates ul ul li {font-family: "Montserrat", Helvetica;}
#rates li strong {
    background-color: #EFBD1B;
    color: #020202;
    padding: 6px;
}

p strong,
a,
blockquote strong {
    color: #EFBD1B;
    font-family: "Montserrat-Bold", Helvetica;
    font-weight: 800;
}


a {
    font-style: normal;
    line-height: normal;
}

nav ul li a {
    font-size: clamp(100%, 1rem + 1vw, 16px);
    text-transform: uppercase;
}


nav ul li a { 
    color: #EFBD1B;
}

nav.main-nav ul li a:hover, a.on {
    border-bottom: 2px solid;
    background-color: rgba(63, 63, 63, 0.65);
    transition: all 0.5s ease-in-out;
}

#facility a:hover {
    border-bottom: 2px solid;
    padding-block: 6px;
    background-color: rgba(63, 63, 63, 0.65);
    transition: all 0.5s ease-in-out;

}