@font-face {
    font-family: PT Sans;
    src: url(/webfonts/PTSans-Regular.ttf);
}
  body {
      
    font-family: 'PT Sans', sans-serif;;
  }
  @media screen and (min-width: 1280px) {
      .texto-rede{
          display: none !important;
      }
    #menu {
        position: fixed;
        z-index: 10000;
        left: 0;
        top: 0;
        width: 100%;     

        
    }

    #areas {
        background-color: #313131;
        color:#ffc677 !important;
    }
    #home{
        background-image: url("../img/banner-principal.png");  
        background-repeat: no-repeat no-repeat;
        background-position: center center;
        background-size: cover;
        background-color: #79193f;
        background-attachment: fixed;
        min-height: 50vh;
        z-index: 0;
        
    }
    .imagem-titulo{
        width: 40%;
    }
    .logo{
        margin-top: -2em;
        width: 100%;
        height: 90vh;
        background-image: url("../img/e3.png");  
        background-repeat: no-repeat no-repeat;
        background-position: center ;
        
        background-size: 80%;
        z-index: 1;
    }

    .contact-text {
        min-height: 20%;
        background-image: url("../img/f4.png");
        background-repeat: no-repeat no-repeat;
        background-size: auto 100%;
        background-position: center;
        background-attachment: fixed;
        background-color: #79193f;
        color: #ffffff !important;
    } 
    #clients{
        padding-top: 0px !important;
        min-height: 30vh;
    }
    #about{
        font-family: 'PT Sans', sans-serif;
        font-size: 24px;
    }
    .imagem-sobre {
        float: right;
        width: 40%;
        margin-left: 2em;
    }
    .endereco{
        width: 100%;
    }
    .transicao-menu {
        transform: translate3d(0,-100px,0);
        transition: .1s;
    
    }
    .menu-tira-borda{
        transform: translate3d(0,-200px,0);
        transition: 5s;
    }
    
    
    .bg-light-menu {
        background-color: #79193f !important;
        transition: 0.7s;
        -webkit-box-shadow: 3px 0px 5px rgb(50 50 50 / 77%);
		-moz-box-shadow:    3px 0px 5px rgb(50 50 50 / 77%);
		box-shadow:         3px 0px 5px rgb(50 50 50 / 77%);
    }

      section {
          min-height: 70vh;
          width: 100%;
          padding-top: 5em;
          padding-bottom: 5em;
          color: #79193f;
      }


      .linkrodape:hover{
          text-decoration: none;
          color: #FffEEE;
      }
      .maps {
          width: 100%;
          height: 100%;
      }
     
    .card{
        background-color: #313131 !important;
        
    }
    .imagem-card {
        width: 100%;
    }
    .whatsapp{
        z-index: 10000;
        position:fixed;
        width:4em;
        height:2em;
        bottom:20px;
        right: -90px;
        
        background-color:#25d366;
        color:#FFF;
        border-radius:50px;
        text-align:center;
        font-size:30px;
        box-shadow: 1px 1px 2px #888;
        transition: .5s;
       }
       .whatsapp:hover{
        right: -60px;
        transition: .5s;
        background-color:#1aa74e;
        color:#FFF;
        border-radius:12em;
        
       }
       .icon-wp{
        margin-top: 15px;
        margin-right:50px;
        font-size:1em !important;
    
       }
       .brand-rodape{
        width: 100px;
    }
    footer .item {
        margin-top: 1.2rem;
    }
    .qrcode{
        
        width: 100%;
    }
    .text-qrcode{
        font-size: 2.5em;
    }
    
  }

  @media screen and (max-width: 1280px) {
    #menu {
        position: fixed;
        z-index: 10000;
        left: 0;
        top: 0;
        width: 100%;
        background-color: #79193f;
    }
    .texto-menu{
        display: none;
    }
    #home{
        
        background-image: url("../img/banner-principal.png");  
        background-repeat: no-repeat no-repeat;
        background-size: 100% 100%;
        background-color: #79193f;
        min-height: 50vh;
    }
    .logo{
        width: 100%;
        min-height: 60vh;
        background-image: url("../img/e3.png");  
        background-repeat: no-repeat no-repeat;
        background-position: center;
        background-size: 100%;
        z-index: 1;
    }
    #areas {
        background-color: #313131;
        color:#ffc677 !important;
    }
    .contact-text {
        min-height: 20%;
        background-color: #79193f;
        color: #ffffff !important;
        font-family: 'PT Sans', sans-serif;
    } 

    #clients{
        display: none;
    }
    .imagem-sobre {
        width: 100% !important;
    }
    .endereco{
        width: 100%;
    }
    .imagem-titulo{
        width: 100%;
    }
    .imagem-card {
        width: 70%;
    }
    .card {
        margin-top: 20px !important;
        background-color: #313131 !important;
        border-color: #ffc677;
        border-style: double;
    } 

    section {
        min-height: 60vh;
        padding-top: 3em;
        color: #66203a;
        padding-bottom: 3em;
    }
    .maps {
        width: 100%;
        height: 20em;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .nav-bar-menu{
        color: black;
    }
    .whatsapp{
        z-index: 10000;
        position:fixed;
        width:1em;
        height:1em;
        bottom:20px;
        right: 10px;
        
        background-color:#25d366;
        color:#FFF;
        border-radius:100px;
        text-align:center;
        font-size:30px;
        box-shadow: 1px 1px 2px #888;
       }
       .icon-wp{
           margin-top: 8px;
           font-size:0.5em ;
       } 
       .brand-rodape{
           display: none;
       }
       footer .item {
           margin-top: 1rem;
       }
       .qrcode{
        display: none;
        width: 100%;
    }
    .text-qrcode{
        display: none;
        font-size: 40px;
    }
    
  }
  .anime{
    opacity: 0;
    transform: translate3d(-100px,0,0);
    transition: .7s;
}
.anime-start {
    opacity: 1;
    transform: translate3d(0,0,0);
}

  .footer {
    min-height: 2em;
    width: 100%;
    background-color: #590e2d;
    color: #fff;
}
  .linkrodape{
    text-decoration: none;
    color: #FFF;
}

  .text-justify{
    text-align: justify;
}