@charset "utf-8";

#fundo{
left: 200px;        
position: absolute;
z-index: 0;
}
#frente{
 top: 125px;
 left: 310px;
 width:200px; 
 height:200px;
 position: relative;
  z-index: 1;
          }
#frente:hover{
top: 80px;
 left: 260px;
 width:350px; 
 height:350px;
 position: relative;
 z-index: 1;
          }
@media (max-width: 576px) {
#fundo{
        width: 90%;
left: 10px;        
position: absolute;
z-index: 0;
}
#frente{
 top: 120px;
 left: 130px;
 width:200px; 
 height:200px;
 position: relative;
  z-index: 1;
          }
#frente:hover{
top: 100px;
 left: 120px;
 width:280px; 
 height:280px;
 position: relative;
 z-index: 1;
          }
.btn-custom{
    border: 1px solid #167ce9;
      background: transparent;
      color: #167ce9;
    margin-top: 22px;
    padding: 10px !important; 
    border-radius: 20px;
    width: 450px !important;
    height: 35px !important;
    align-items: left;
    transition: all 2s ease;
    text-align: left;
    font-size: 11px;
}
.btn-icon{
    padding: 10px;
}
.btn-custom:hover{
    padding: 10px;
    background: #167ce9 !important;
        color: #fff;
    width: 450px !important;
    border: 1px solid #167ce9;
}
}
/* Botão de Download de Documentos */
.btn-custom{
    border: 1px solid #167ce9;
      background: transparent;
      color: #167ce9;
    margin-top: 20px;
    padding: 10px;
    border-radius: 20px;
    width: 500px;
    height: 40px;
    align-items: left;
    transition: all 2s ease;
    text-align: left;
}
.btn-icon{
    padding: 10px;
}
.btn-custom:hover{
    padding: 10px;
    background: #167ce9;
        color: #fff;
    width: 500px;
    border: 1px solid #167ce9;
}