/*Importação de fontes */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
/* Termina importação de fontes */
@media only screen and (min-width:100px) and (max-width: 800px) {
    #telefone{
        display: none;
     
    }
    #formulario_contato_sobre{
        padding-top: 12% !important;
        background-color:#ffffff00 !important;
        box-shadow: 0px 0px 50px rgba(0, 0, 0, 0) !important;
        border:solid 1px rgba(128, 128, 128, 0) !important;
        backdrop-filter:blur(0px) !important;
      }
}
.topo{
    padding:5%;
    padding-top:120px;
    font-size:12vw;
    font-family: bebas neue;
    text-align: center;
    color:white;
    background-color:#29031e;
}
#telefone{
    float: right;
    margin-top: -48%;
    z-index: -1;
    margin-right: -4%;
    max-width: 80%;
 
}
.info_box{
    text-align:center;
    color:rgb(46, 0, 40);
    font-family:open sans;
    padding:5%;
    width:220px;
    height:150px;
    border:4px solid rgb(255, 255, 255);
    transition: 0.5s;
    display: inline-block;
  }
  .info_box:hover{
    text-align:center;
    color:rgb(90, 18, 68);
    font-family:open sans;
    padding:5%;
    width:220px;
    height:150px;
    border:4px solid white;
    box-shadow:inset 0px 0px 20px black;
    transition:0.5s;
    cursor: url("../cursors/hover.png"), auto !important;
  }
  .info_box i{
    font-size:3rem;
    
  }
.content{
    text-align: center;
        width:100%;
    background-image: url('../../midia/imagens/transicao.png');
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
    z-index:10;
    min-height: 120vh;
}
 /* FORMULÁRIO DE CONTATO */

  #formulario_contato_sobre{
    text-align: center;  
    padding:2.2%;
    border-radius: 10px;
    max-width: 300px;
    margin: auto;
    background-color:#ffffffa6 ;
    box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.438);
    border:solid 1px rgba(128, 128, 128, 0.514);
    backdrop-filter:blur(10px);
  }
  #formulario_contato_sobre input[type=text],#formulario_contato_sobre input[type=tel]{
    border:none;
    border-bottom:2px solid rgb(214, 65, 177);
    color:rgb(53, 9, 45);
    background:transparent;
    outline:none;
    font-size:1.4rem;
    font-family: open sans;
    max-width:90%;
    padding:5px;
    font-weight: lighter;
    transition:0.5s;
  }
  #formulario_contato_sobre input[type=text]:focus,#formulario_contato_sobre input[type=tel]:focus{
    border:none;
    border-bottom:3px solid rgb(255, 1, 191);
    color:white;
    background:rgba(255, 0, 191, 0.432);
    outline:none;
    font-size:1.4rem;
    transition:0.5s;
    border-radius: 12px 12px 0px  0px ;
    font-family: open sans;
    max-width:90%;
    padding:5px;
    font-weight: lighter;
  }
  #formulario_contato_sobre input::placeholder{
    color:#29031E;
    
  }
  #formulario_contato_sobre textarea{
    outline:none;
    color:#29031E;
    max-width:90%;
    padding:5px;
    font-size:1rem;
    border-width: 2px;
    font-family: open sans;
    border-radius: 5px;
    border-color: rgb(214, 65, 177);
    background:rgba(0, 0, 0, 0);
    text-align:center;
  }
  #formulario_contato_sobre textarea::placeholder{
    color:#29031E;
    text-align:center;
    font-size:1rem;
  }
  #formulario_contato_sobre button{
    background:transparent;
    border:none;
    border:2px solid;
    border-radius:30px;
    padding:7px 12px 7px 12px;
    color:#470935;
    border-color: rgb(214, 65, 177);
    transition:0.5s;
    font-size:1.4rem;
  }
  #formulario_contato_sobre button:hover{
    background:rgb(214, 65, 177);
    color:white;
    border-color: rgb(214, 65, 177);
    transition:0.5s;
    padding:6px 18px 6px 19px;
    box-shadow: 0px 0px 20px rgb(214, 65, 177) ;
    font-size:2rem;
    outline:none;
    font-weight: lighter;
  }
 /* FORMULÁRIO DE CONTATO */