body {margin:0;
    width: 100%;
    height: 100%;

    color: #444444;
    letter-spacing: 0.03em;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 16px;
    line-height: 30px;
    -webkit-font-smoothing: antialiased;

}

* {
box-sizing: border-box;
}

.josefin-sans-k9swim {
font-family: "Josefin Sans", sans-serif;
font-optical-sizing: auto;
font-weight: 500;
font-style: normal;
}

.luckiest-guy-regular {
font-family: "Luckiest Guy", cursive;
font-weight: 400;
font-style: normal;
}

.cabin-k9swim {
    font-family: "Cabin", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings:
      "wdth" 100;
  }

.flex-container {
display: flex;
flex-wrap: wrap;
font-size: 30px;
text-align: center;
max-width: 1200px;
margin:0 auto;
}

.menu-margin
{
    margin-top:100px;
}

.flex-item-66 {
    flex: 67%;
}

.flex-item-50 {
    flex: 50%;
}

.flex-item-33 {
    flex: 33%;

}

/* Responsive layout - makes a one column layout instead of a two-column layout */
@media (max-width: 800px) {
    .flex-item-50, .flex-item-33 {
      flex: 100%;
    }
  }

/* Responsive layout - makes a one column layout instead of a two-column layout */
@media (max-width: 800px) {
.flex-item-right, .flex-item-left {
  flex: 100%;
}
}

.nav-button
{
float: none;
  display: inline-block;
  padding: 10px 14px;
  height: auto;
  border-radius: 1px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  white-space: normal;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: bold;
  font-size: 13px;
  line-height: normal;
  text-decoration: none;
  margin: 10px 0;
}

.nav-button-main
{
border: 1px solid #0193f4;
  background: #0193f4;
  color: #fff !important;
}

.nav-button-book
{
    background: #ff8a3a;
    color: #ffffff !important;
    border: 1px solid #ff8a3a;
}

.page-section-header
{
    
    font-family: "Luckiest Guy" !important;
    letter-spacing: 3px !important;
}

p, li{
    font-family: "Cabin" !important;
    letter-spacing: normal;
    font-family: 'Cardo', serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    color: #6d5f4b !important;
    margin-block-start: 0.5em;
    margin-block-end: 00.5em;
}

p{
    text-align: center;

}

li{
    text-align: left;
}

h2{
    padding-bottom: 10px;
    color: #373737;
    letter-spacing: 0.03em;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: bold;
    font-size: 32px;
    line-height: 1.3em;
    color: #00a3ff;
    text-align: center;
    margin-block-start: 0;
    margin-block-end: 0;
}

.lucky
{
    font-family: "Luckiest Guy" !important;
    letter-spacing: 3px !important;
}

hr {
    width:80%;
}
.strong{
    font-weight: bold;
}

.biggest{
    font-size:62px;
}
.big{
    font-size:32px;
}
.bigger{
    font-size: 42px;
}
.smaller{
    font-size:24px;
}

.orange-text
{
    color:#ff8a3a;
}

.main-window
{
    width:100%;
}

.section-header
{
    margin:auto;
    width:70%;
}