Colors

#FFCC00 #FF9933 #FF3366 #6666CC #33CCFF #33CCCC

Primary
Brand
Color
PC and laptop tablet & phone
screen size > 1080px screen size < 1080px

3.998em <h1> Avenir LT Std Light 2.441em <h1> Avenir LT Std Light
1.953em <h2> Avenir LT Std Light
2.827em <h2> Avenir LT Std Light
1.563em <h3> Baskerville, line height: 1.2
1.999em <h3> Baskerville, line height: 1.2
1.25em <h4> Baskerville, line height: 1.2
1.414em <h4> Baskerville, line height: 1.2
1em <p> Baskerville, line height: 1.45
1em <p> Baskerville, line height: 1.45em

0.707EM <SMALL> AVENIR LT STD BLACK ALL CAPS OPACITY 60% 0.8EM <SMALL> AVENIR LT STD BLACK ALL CAPS OPACITY 60%
PC and laptop tablet & phone
screen size > 1080px screen size < 1080px
html {font-size: 0.75em;} html {font-size: 0.75em;}

body { body {
background-color: white; background-color: white;
font-family: 'Libre Baskerville', serif; font-family: 'Libre Baskerville', serif;
font-weight: 400; font-weight: 400;
line-height: 1.45; line-height: 1.45;
color: #333; color: #333;
} }

p {margin-bottom: 1.3em;} p {margin-bottom: 1.3em;}

h1, h2, h3, h4 { h1, h2, h3, h4 {

margin: 1.414em 0 0.5em; margin: 1.414em 0 0.5em;
font-weight: inherit; font-weight: inherit;
line-height: 1.2; line-height: 1.2;
} }

h1 { h1 {
margin-top: 0; margin-top: 0;
font-size: 3.998em; font-size: 2.441em;
} }

h2 {font-size: 2.827em;} h2 {font-size: 1.953em;}

h3 {font-size: 1.999em;} h3 {font-size: 1.563em;}

h4 {font-size: 1.414em;} h4 {font-size: 1.25em;}

small, .font_small {font-size: 0.707em;} small, .font_small {font-size: 0.8em;}

 PC and laptop tablet & phone
screen size > 1080px screen size < 1080px
Large Ày Book Now Ày Book Now Large Ày Book Now

.button_lg{ .button_lg:hover{ .button_lg{

font-size: 1.999em; background: #ffcc00; font-size: 1.563em;
padding: 15px; color:#ffffff; padding: 15px;
box-border: 1.5px solid #ffcc00; box-shadow: 0px 8px 8px rgba(255,204,0,0.5); background: #fcc00;
background: #ffffff; } color:#ffffff;
color:#ffcc00; }
}

Normal Ày Book Now Ày Book Now Normal Ày Book Now

.button{ .button_lg:hover{ .button{

font-size: 1.414em; background: #ffcc00; font-size: 1.25em;
padding: 10px; color:#ffffff; padding: 10px;
box-border: 1px solid #ffcc00; box-shadow: 0px 5px 5px rgba(255,204,0,0.5); background: #fcc00;
background: #ffffff; } color:#ffffff;
color:#ffcc00; }
}

Small Ày Book Now Ày Book Now Small Ày Book Now

.button_sm{ .button_lg:hover{ .button_sm{

font-size: 1em; background: #ffcc00; font-size: 1em;
padding: 5px; color:#ffffff; padding: 5px;
box-border: 0.5px solid #ffcc00; box-shadow: 0px 3px 3px rgba(255,204,0,0.5); background: #fcc00;
background: #ffffff; } color:#ffffff;
color:#ffcc00; }
}