html {
    scroll-behavior: smooth;
}

.container {
    max-width: 1400px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: auto;
    margin-right: auto;
}

body {
    font-family: 'Catamaran', sans-serif;
    font-size: 16px;
    background: #f7f7f7;
    color: #262626;
}

.btn {
    background: #808FA9;
    color: #f7f7f7;
    padding: 10px 6px 6px 6px;
    border-radius: 4px;
    max-width: 250px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    transition: .3s;
    box-shadow: 2px 3px 0px 0px rgb(65, 69, 79);
    cursor: pointer;
    border: none;
    min-width: 250px;
    border: 10px ;
    text-transform: uppercase;
}

.btn:hover {
    background: #D40C26;
}

.menu-atual {
    color: #D40C26;
}

.top-bg-menu {
    background: #808FA9;
    height: 5px;
}

/*
font-family: 'Catamaran', sans-serif;

font-family: 'ordaxmedium_italic';;
font-weight: 500;
font-style: italic;
 font-family: 'ordaxmedium_italic';
*/

h2 {
    font-family: 'ordaxmedium_italic';;
    font-weight: 500;
    font-style: italic;
    color: #808FA9;
    font-size: 2rem;
    text-shadow: 2px 2px 0px #DDDAE0;
    line-height: 1.2em;
}


h2::after {
    content: url(/img/separador.svg);
    display: block;
}

strong {
    font-family: 'ordaxmedium_italic';;
    font-weight: 500;
    font-style: italic;
    font-size: 1.25rem;
}

.strong {
    font-weight: 700;
}

.under {
    text-decoration: underline;
}

hr {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    border: 3px solid #DDDAE0;
}

.whats-fixed {
    position: fixed;
    bottom: 40px;
    right: 40px;
    animation: move 3s infinite;
    z-index: 222;
  }

  .whats-fixed img{
    width: 70px;
  }
  
  @keyframes move {
    25%{
       transform: translateX(-10px);  }
    50%{
      transform: translateX(0px);  
    }
    75%{
      transform: translateX(10px); 
    }
    100%{
      transform: translateX(0px); 
    }
  }