.container {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
body {

    font-family: 'Epilogue', sans-serif;

}
.menu-atual {
  color: #ED3232;
    text-shadow: 0px 0px .7px #000, 0px 0px .7px #000, 0px 0px .7px #000, 0px 0px .7px #000,
    0px 0px .7px #000, 0px 0px .7px #000, 0px 0px .7px #000, 0px 0px .7px #000,
    0px 0px .7px #000, 0px 0px .7px #000, 0px 0px .7px #000, 0px 0px .7px #000,
    0px 0px .7px #000, 0px 0px .7px #000, 0px 0px .7px #000, 0px 0px .7px #000,
    0px 0px .7px #000, 0px 0px .7px #000, 0px 0px .7px #000, 0px 0px .7px #000,
    0px 0px .7px #000, 0px 0px .7px #000, 0px 0px .7px #000, 0px 0px .7px #000,
    0px 0px .7px #000, 0px 0px .7px #000, 0px 0px .7px #000, 0px 0px .7px #000,
    0px 0px .7px #000, 0px 0px .7px #000, 0px 0px .7px #000, 0px 0px .7px #000;
}
html {
    font-size: 22px;
    font-size: 1.45rem;
}
h1 {
    font-size: 2.18rem;
    font-family: "ethnocentric", sans-serif;
    line-height: 1.2em;
}
.btn {
    background-color: #E9E011;
    display: flex;
    grid-gap: 6px;
    padding: 10px;
    font-family: "ethnocentric", sans-serif;
    color: #fff;
    transition: .3s;
    letter-spacing: 2px;
    text-shadow: 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000,
    0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000,
    0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000,
    0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000,
    0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000,
    0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000,
    0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000,
    0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000!important;
    max-width: fit-content;
}
.btn:hover {
    box-shadow: 0px 0px 0px 3px #000;
    color: #fff!important;
}
/*18
 font-size: .81rem; 
 24
 font-size: 1.09rem;
 30
 font-size: 1.36rem;
 32
 font-size: 1.45rem;
 35
 font-size: 1.59rem;
 */
/* font-family: "ethnocentric", sans-serif; */

.whats-fixed {
    position: fixed;
    bottom: 40px;
    right: 40px;
    animation: move 3s infinite;
    z-index: 222;
    max-width: 65px;
  }
@media only screen and (max-width:361px) and (max-width:1090px) {
  .whats-fixed {
    bottom: 75px;
  }
}
@media only screen and (max-width:360px) {
  .whats-fixed {
    bottom: 80px;
  }
}
  
  @keyframes move {
    25%{
       transform: translateX(-10px);  }
    50%{
      transform: translateX(0px);  
    }
    75%{
      transform: translateX(10px); 
    }
    100%{
      transform: translateX(0px); 
    }
  }