.logo {
      width: 200px;
      padding-bottom: 10px;
      padding-top: 10px;
}

.imgcarrosel {
      width: inherit;
}

.imgcarrosel,
.divlinks {
      max-width: 400px;
}

.qr {
      width: 250px;
}

.divlinks {
      width: 100%;
      text-align: center;
      line-height: 30px;
      border-radius: 100px;
      margin-top: 2px;
}

.divlinksredondo {
      width: 100%;
      max-width: 45px;
      margin-left: 8px;
      line-height: 32px;
      border: 0px;
      border-radius: 100px;
}

.button-responsive {
      white-space: initial;
      border-radius: 20px;
}

.divcenter {
      text-align: center;
}

.divconteudo {
      margin: 10px;
}

.divpropaganda {
      margin-top: 50px;
}

#link {
      color: #ffffff;
}

body {
      background: #480b50;
}

.geral {
      background-color: #32d0d0;
      border: 0px;
      font-weight: 500;
      color: #232423;
}

.zapzapcolor {
      background-color: #34a82b;
      border: 0px;
      font-weight: 500;
      color: #232423;
}

.instacolor {
      background-color: #ffffff;
      border: 0px;
      color: black;
}

.facecolor {
      background-color: #4267B2;
      border: 0px;
}

.linkdin {
      background-color: #1c3b7b;
      border: 0px;
}

.site {
      background-color: #fdfdfd;
      border: 0px;
      color: black;
}

.maps {
      background-color: #3b3a35;
      border: 0px;
}

.icon {
      font-size: 20px;
      color: #191818;
      font-weight: 500;
}

.container-fluid {
      padding: 0 !important;
}

.animation-button {
      animation-name: shake-button;
      animation-duration: 3600ms;
      animation-delay: 1s;
      animation-timing-function: ease-in;
      animation-iteration-count: infinite;
}

@keyframes shake-button {
      0% {
            transform: rotate(0deg);
      }

      80% {
            transform: rotate(0deg);
      }

      85% {
            transform: rotate(1.8deg);
      }

      87% {
            transform: rotate(-1.8deg);
      }

      89% {
            transform: rotate(1.8deg);
      }

      91% {
            transform: rotate(-1.8deg);
      }

      93% {
            transform: rotate(1.8deg);
      }

      95% {
            transform: rotate(-1.8deg);
      }

      97% {
            transform: rotate(1.8deg);
      }

      100% {
            transform: rotate(-1.8deg);
      }
}


.responsive-youtube {
      overflow: hidden;
      padding-bottom: 56.25%;
      position: relative;
      height: 0;
}

.responsive-youtube iframe {
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      position: absolute;
}
