/*Celular*/
@media screen and (max-width: 760px) {
    .text-1{
        color: #556B2F;
        text-align: center;
    }
    .text-2{
        color: #556B2F;
    }
    .logo{
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 30px;
    }

}
.box{
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  }
  .garantia{
    align-items: center;
    text-align: center;
  }

/* tela acima de 760px*/
@media screen and (min-width: 760px) {
    .text-1{
        color: #556B2F;
        padding-top: 50px;
        text-align: center;
    }
    .text-2{
        color: #556B2F;
    }
    .logo{
        padding-top: 30px;
        padding-left: 30px;
    }
    .video{
        width: 560px;
        height: 315px;
    }

}


/*Botão Reflexo*/
.b-1 {
    width:100%;
      line-height:40px; 
    border-radius:5px; 
    overflow:hidden;
    position:relative;
    background: rgb(240,92,84);
    background: linear-gradient(50deg, #F05C36 0%, #F0574D 50%, #F05C36 100%);
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
    border-color: aliceblue;
    max-width: 400px;  
    color:#fff;
    font-size:1,2em;
    -webkit-box-shadow: 0px 0px 8px 2px #00000023;
    -moz-box-shadow: 0px 0px 8px 2px #00000023;
    box-shadow: 0px 0px 8px 2px #00000023;
  }
  .b-1:hover {
      background: rgb(226,141,81);
      background: linear-gradient(50deg, #F0574D 0%, #F05C36 44%, #F0574D 100%);
      border-color: #fff;
      color:#fff;
      box-shadow: #00000063;
      font-size:1,3em;
      -xpedu-transform: scale(1.1);
          -ms-transform: scale(1.1);
          transform: scale(1.1);
  }
  .b-1 span {
    z-index: 20;
    color:#ffffff;
  }
  .b-1:after {
    background: #f3d4b7b0;
    content: "";
    height: 155px;
    left: -85px;
    opacity: .1;
    position: absolute;
    top: -60px;
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg);
    -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
    width: 70px;
    z-index:1;
  }
  
  .b-1:hover:after {
    left: 130%;
    -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
    opacity: .1;
  }

  
/*Botão Reflexo - 2*/ 
.b-2 {
  width:50%;
  line-height:40px; 
  border-radius:5px; 
  overflow:hidden;
  position:relative;
  background: rgb(255, 0, 0);
  background: linear-gradient(50deg, rgb(255, 0, 0) 0%, #F0574D 50%, rgb(255, 0, 0) 100%);
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: bold;
  border-color: aliceblue;
  max-width: 400px;  
  color:#fff;
  font-size:1,2em;
  -webkit-box-shadow: 0px 0px 8px 2px #00000023;
  -moz-box-shadow: 0px 0px 8px 2px #00000023;
  box-shadow: 0px 0px 8px 2px #00000023;
}
.b-2:hover {
    background: rgb(226,141,81);
    background: linear-gradient(50deg, #F0574D 0%, rgb(255, 0, 0) 44%, #F0574D 100%);
    border-color: #fff;
    color:#fff;
    box-shadow: #00000063;
    font-size:1,3em;
    -xpedu-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
}
.b-2 span {
  z-index: 20;
  color:#ffffff;
}
.b-2:after {
  background: #f3d4b7b0;
  content: "";
  height: 155px;
  left: -85px;
  opacity: .1;
  position: absolute;
  top: -60px;
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
  -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
  width: 70px;
  z-index:1;
}

.b-2:hover:after {
  left: 130%;
  -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
  opacity: .1;
}