* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

@font-face {
    font-family: 'Sud';
    src: url('font/Sud-Regular.woff2') format('woff2'),
        url('font/Sud-Regular.woff') format('woff'),
        url('font/Sud-Regular.svg#Sud-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Canopee';
    src: url('font/Canopee-Regular.woff2') format('woff2'),
        url('font/Canopee-Regular.woff') format('woff'),
        url('font/Canopee-Regular.svg#Canopee-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

a {
	text-decoration: none;
	color: #000;
}
body { 
	text-align: center;
	position: relative; 
	height: 100%; 
	width: 100%;
}
#main {
  padding: 50px 0 ;
  position: absolute;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
#main h1{
    margin: 0 0 50px 0;
    display: block;
    font-size: 72px;
}
#main h3{
    margin: 15px 0 50px 0;
    display: block;
}
#book-a-table {
    padding: 25px;
    display: block;
    margin-bottom: 25px;

}
#book-a-table a {
    background: #157d4b;
    color: #fff;
    margin: 0 5px;
    padding: 10px 5px;
    width: 100%;
    display: block;
    text-transform: uppercase;
}
#book-a-table a:hover {
    background: #cd9e25;
}
#book-a-table h3 { margin: 0; }
#menu { margin: 30px 0; }
ul {
    list-style: none;
    padding: 0 25px 25px 25px;
    margin: 0 0 25px 0;
}
ul li {
    margin: 20px 5px;
    width: 100%;
}
ul li a {
    background: #000;
    color: #fff;
    padding: 10px 5px;
    width: 100%;
    display: block;
    text-transform: uppercase;
}
h1 {
	font-family: 'Canopee';
	
}
h2, h3 { 
	font-family: 'Sud'; }