@charset "utf-8";
/* CSS Document */
        html {
          scroll-behavior: smooth;
        }
        
        body {
        background-color: #fff9ed;
        font-family: 'Bitter', serif;
        color: #19140A;
        font-weight:400;
        
        }
        
* {
  box-sizing: border-box;
}

.flex-container {
  display: flex;
  flex-wrap: wrap;
  font-size: 20px;
  text-align: left;
  width: 100%;
  max-width: 800px;
  margin: auto;
  color: #2a403c;
  font-family: 'Jost',sans-serif;
  font-weight: 600;
  border: solid;
  border-width: 0px 0px 0px 12px;
  border-color: #FFDEA0;
  margin-bottom: 8px;

}

.flex-item-left {
color: #308F4B;
  padding: 5px;
  flex: 30%;
  font-size: 18px;
}

.flex-item-right {
  padding: 0px;
  flex: 70%;
  font-size: 22px;
}
@media (max-width: 800px) {
  .flex-container {
    border-width: 2px 0px 0px 0px;

  }
}
/* 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%;
    font-size: 17px;
    padding-left: 8px;
    padding-right: 8px;

  }
}
        
        
h1,h2,h3,h4,h5,h6 {
font-family: 'Jost', sans-serif;
font-weight: 700;
line-height: 130%;
text-align: left;
color: #2a403c;    
        }
        
h4 {
text-align: left;
line-height: 120%;
margin: 0px;
font-size: 22px;
    }
        
.toplinks a {
display: inline-block;
color: #e66b38;
font-family: 'Jost', sans-serif;
font-weight: 700;
text-align: center;
text-decoration: none;
font-size: 34px;
margin: 8px;
    }
        
.toplinks a:hover {
text-decoration: underline;
        }
        
a {
text-decoration: none;
    }
        
@media only screen and (max-width: 1000px) {
    .toplinks a {
    font-size: 34px;
    display: block;
          }
        }
        
@media only screen and (max-width: 800px) {
    .toplinks a {
    font-size: 24px;
    display: block;
          }
        }
        
p{
font-size: 17px;
line-height: 150%;
font-family: 'Bitter',serif;
font-weight: 400;
margin: 0px;
margin-bottom: 9px;
color: #2a403c;
text-align: left;
    }
        
p a{
color: #e66b38;

    }
        
p a:hover {
color: #ffffff;
background-color: #e66b38;
text-decoration: none;
transition: .4s;
    }
        
    @media only screen and (max-width: 600px) {
          p {
            font-size: 14px;
          }
        }
        
        .shrinky {
        font-size: 80px;
        line-height: 100%;
        }
        
        .shrinky2 {
        font-size: 34px;
        font-weight: 600;
        line-height: 150%;
       
        }
        
        .shrinky3 {
        font-size: 22px;
        font-weight: 600;
        line-height: 130%;
       
        }
        
        table {
        border-collapse: collapse;
        border: none;
        width: 100%;
        
        }
        
        td {
        border-collapse: collapse;
        border: none;
        vertical-align: top;
        font-size: 20px;
        }
        
        
        @media only screen and (max-width: 600px) {
          .shrinky {
            font-size: 50px;
          }
        }
        
        @media only screen and (max-width: 600px) {
          .shrinky2 {
            font-size: 28px;
          }
        }
        
        @media only screen and (max-width: 600px) {
          .shrinky3 {
            font-size: 22px;
          }
        }
        
        #myBtn {
          display: none;
          position: fixed;
          bottom: 20px;
          right: 30px;
          z-index: 99;
          font-size: 18px;
          border: none;
          outline: none;
          background-color: #659372;
          color: white;
          cursor: pointer;
          padding: 15px;
          border-radius: 4px;
        }
        
        #myBtn:hover {
          background-color: #2a403c;
        }
        
        .sibanav {
        display: inherit;
        }
        
        
        @media only screen and (max-width: 800px) {
          .sibanav {
            display: none;
          }
        }
li strong{
font-weight: 600;
}

li {
line-height: 140%;
margin-bottom: 6px;

}

 h1,h2,h3,h4,h5,h6 {
        font-family: 'Jost', sans-serif;
        font-weight: 500;
        line-height: 130%;
        text-align: center;
        color: #2a403c;
        
        }

.ct-button {
font-family: "Jost",sans-serif;
font-size: 18px;
font-weight: 600;
color: #2a403c;
border: solid;
border-color: #2a403c;
background-color: #c3c8aa;
border-radius: 2px;
padding: 10px 15px;
margin-top: 12px;
margin-bottom: 12px;
transition: 0.2s;

}

.ct-button:hover {

box-shadow: 8px 8px 0px 0px #2a403c;
cursor: pointer;
}

.ct-button-lg {
font-family: "Jost",sans-serif;
font-weight: 600;
font-size: 32px;
color: #2a403c;
border: solid;
border-width: 4px;
border-color: #2a403c;
background-color: #c3c8aa;
border-radius: 63x;
padding: 15px 20px;
width: 90%;
margin-top: 12px;
margin-bottom: 12px;
transition: 0.2s;
letter-spacing: 1px;

}

.ct-button-lg:hover {

box-shadow: 8px 8px 0px 0px #2a403c;
cursor: pointer;
}

@media (max-width: 800px) {
  .ct-button-lg {
    font-size: 22px;
    border-width: 0px;
    font-family: "Saira Condensed",sans-serif;
    letter-spacing: 0px;
    font-weight: 700;
  }
}