body {
                font-family: Open Sans, arial, sans-serif;
        }
             
        .seal {
            background-image: url(/assets/img/seal.svg);
            position:relative;
            background-position: 0 0;
            position: fixed; /* Sit on top of the page content */
            top: 13%; 
            left: 60%;
            right: -10%;
            bottom: 0;
            opacity: .25;
            background-repeat: no-repeat;
        }
        
        .mainWrapper {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }
        
        main.container {
            background: transparent;
        }
        
        .container {
            background-color: white;
            width: 65%;
            margin:auto;
/*            filter: drop-shadow(0 0.2rem 0.25rem rgba(0, 0, 0, 0.2));*/
/*            height: 500px;*/
        }
        
        .topnav {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            background-color: #1E74AE;
            border-bottom: solid white 1px;
            height: 72px;
        }

        .topnav a {
          color: #f2f2f2;
          text-align: center;
          padding: 14px 16px;
          text-decoration: none;
          font-size: 17px;
        }

        .topnav a:hover {
          background-color: #185D8C;
          color: white;
        }

        .topnav a.active {
          background-color: #185D8C;
          color: white;
        }
        
        .brandLogo {
            margin-top: 6px;
        }

        .sidenav {
          height: 100%;
          width: 0;
          position: fixed;
          z-index: 2222;
          top: 0;
          left: 0;
          background-color: #1a699f;
          overflow-x: hidden;
          -webkit-transition: 0.25s;
          transition: 0.25s;
          padding-top: 50px;
        -webkit-box-shadow: 5px 5px 3px -3px rgba(0,0,0,0.29); 
        box-shadow: 5px 5px 3px -3px rgba(0,0,0,0.29);
        }

        .sidenav a {
          padding: 8px 8px 8px 15px;
          text-decoration: none;
          font-size: 25px;
          color: white;
          display: block;
          -webkit-transition: 0.3s;
          transition: 0.3s;
            white-space: nowrap;
        }

        .sidenav a:hover {
          background-color: #1b5277;
        }
        
        .closebtn:hover {
          background-color: #1a699f !important;
        }

        .sidenav .closebtn {
          position: absolute;
          top: 0;
          right: 25px;
          font-size: 36px;
          margin-left: 50px;
        }
        
        .searchWrapper {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }
        
        .search {
            width: 200px;
            border-radius: 15px;
            padding: 0px 10px;
            height: 30px;
        }
        
        input[type="search"] {
          border: none;
          background: white;
          margin: 0;
          padding: 7px 8px;
          font-size: 14px;
          color: inherit;
          border: 1px solid transparent;
          border-radius: 15px;
          margin-top: 11px;
        }

        input[type="search"]::-webkit-input-placeholder {
          color: #bbb;
        }

        input[type="search"]:-ms-input-placeholder {
          color: #bbb;
        }

        input[type="search"]::placeholder {
          color: #bbb;
        }

        @media screen and (max-height: 450px) {
          .sidenav {padding-top: 15px;}
          .sidenav a {font-size: 18px;}
        }
        

/* button CSS */
     
        
.button-82-pushable {
    
  position: relative;
  border: none;
  background: transparent;
  padding: 0;
  cursor: pointer;
  outline-offset: 4px;
  -webkit-transition: -webkit-filter 250ms;
  transition: -webkit-filter 250ms;
  transition: filter 250ms;
  transition: filter 250ms, -webkit-filter 250ms;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.button-82-shadow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 12px;
-webkit-box-shadow: 5px 5px 3px -3px rgba(0,0,0,0.29); 
box-shadow: 5px 5px 3px -3px rgba(0,0,0,0.29);
}

.button-82-edge {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  background: #2B693F;
}
        
.button-82-front {
  display: block;
  position: relative;
  padding: 12px 27px;
  border-radius: 12px;
  font-size: 1.1rem;
  color: white;
  background: #35824E;
  will-change: transform;
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
  -webkit-transition:
    -webkit-transform
    600ms
    cubic-bezier(.3, .7, .4, 1);
  transition:
    -webkit-transform
    600ms
    cubic-bezier(.3, .7, .4, 1);
  transition:
    transform
    600ms
    cubic-bezier(.3, .7, .4, 1);
  transition:
    transform
    600ms
    cubic-bezier(.3, .7, .4, 1), -webkit-transform
    600ms
    cubic-bezier(.3, .7, .4, 1);
    border: solid #5fa35c 2px !important;
    text-align: center;
    position: relative;
    bottom: 10px;
}
        
    a {
        text-decoration: none;
    }
        
    a:hover {
        text-decoration: none;
    }
        
    a:focus {
        text-decoration: none;
    }

@media (min-width: 768px) {
  .button-82-front {
    font-size: 2.5rem;
    width: 390px;
    height: 110px;
    padding-top: 35px;
    line-height: 1.25;
  }
    
.button-82-front i {
    font-size: 3rem;
    position:relative;
    bottom:5px;
  }
}

.button-82-pushable:hover {
  filter: brightness(110%);
  -webkit-filter: brightness(110%);
}

.button-82-pushable:hover .button-82-front {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
  -webkit-transition:
    -webkit-transform
    250ms
    cubic-bezier(.3, .7, .4, 1.5);
  transition:
    -webkit-transform
    250ms
    cubic-bezier(.3, .7, .4, 1.5);
  transition:
    transform
    250ms
    cubic-bezier(.3, .7, .4, 1.5);
  transition:
    transform
    250ms
    cubic-bezier(.3, .7, .4, 1.5), -webkit-transform
    250ms
    cubic-bezier(.3, .7, .4, 1.5);
}

.button-82-pushable:active .button-82-front {
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
  -webkit-transition: -webkit-transform 34ms;
  transition: -webkit-transform 34ms;
  transition: transform 34ms;
  transition: transform 34ms, -webkit-transform 34ms;
}

/*
.button-82-pushable:hover .button-82-shadow {
  transform: translateY(4px);
  transition:
    transform
    250ms
    cubic-bezier(.3, .7, .4, 1.5);
}
*/

.button-82-pushable:active .button-82-shadow {
  -webkit-transform: translateY(1px);
  transform: translateY(1px);
  -webkit-transition: -webkit-transform 34ms;
  transition: -webkit-transform 34ms;
  transition: transform 34ms;
  transition: transform 34ms, -webkit-transform 34ms;
}

.button-82-pushable:focus:not(:focus-visible) {
  outline: none;
}
        
.buttonWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.buttonWrapper1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
        
    .buttonWrapper1 .button-82-front {
        padding-top: 22px;
    }

.buttonWrapper2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

footer {
    background-color: #1E74AE;
    height: 50px;
    padding: 15px 0px;
    text-align: center;
    color: white;
    z-index: 1111;
    position: relative;
    top: 5px;
}
        
    .twoLineTextButton {
        padding-top: 22px;
    }
        
    .twoLineText {
        position: relative;
        bottom: 20px;
    }
        
        .overlay {
            position: fixed; /* Sit on top of the page content */
            display: none;
            width: 100%; /* Full width (cover the whole page) */
            height: 100%; /* Full height (cover the whole page) */
            top: 0; 
            left: 0;
            right: 0;
            bottom: 0;
             -webkit-transition: 0.25s;
             transition: 0.25s;
            background-color: rgba(0,0,0,0.5); /* Black background with opacity */
            z-index: 1; /* Specify a stack order in case you're using a different order for other elements */
        }
        
    .faqIcon:hover {
        background-color: #1E74AE !important;
        opacity: .75;
        -webkit-transition: 0.25s;
        transition: 0.25s;
    }

        
@media (max-width: 1000px) {        
        
    .container {
        width: 93%;
    }
    
}
        
@media (min-width: 1000px) {        
        
    .container {
        width: 83%;
    }
    
}
        
@media (min-width: 1100px) {        
        
    .container {
        width: 76%;
    }
    
}
        
@media (min-width: 1200px) {        
        
    .container {
        width: 70%;
    }
    
}
        
@media (min-width: 1300px) {        
        
    .container {
        width: 65%;
    }
    
}
        
@media (min-width: 1400px) {        
        
    .container {
        width: 60%;
    }
    
}
        
@media (min-width: 1500px) {        
        
    .container {
        width: 56%;
    }
    
}
        
@media only screen and (min-width:768px) and (max-width:900px) { 
    .container {
        width: 90%;
    }
    
    .button-82-front {
        width: 340px;
    }
    
}
        
@media (max-width: 700px) {
    .seal {
        display: none;
    }
}
        
/*iphone*/
@media (max-width: 785px) {
    
    .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    
    .buttonWrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    
    .buttonWrapper a {
        margin-top: 35px;
    }
    
    .buttonWrapper1 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .buttonWrapper1 a {
        margin-top: 35px;
    }

    .buttonWrapper2 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    
    .buttonWrapper2 a {
        margin-top: 35px;
    }
    
    .twoLineTextButton {
        padding-top: 9px !important;
        line-height: 1.1;
    }

    .phoneHide {
        display: none;
    }
    
  .button-82-front {
        font-size: 2.25rem;
        width: 390px;
        height: 75px;
        padding-top: 19px;
  }
    
    .button-82-edge {
        width: 390px;
    }
    
    .button-82-pushable {
        width: 390px;
    }
    
    .button-82-shadow {
        width: 390px;
    }
    
    a i {
        font-size: 1em !important;
    }
    
    .fa-2xl {
        vertical-align: 0;
}
    
}