.fondo{
	background: rgba(228,9,64,1);
    background: -moz-linear-gradient(left, rgba(228,9,64,1) 0%, rgba(239,129,32,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(228,9,64,1)), color-stop(100%, rgba(239,129,32,1)));
    background: -webkit-linear-gradient(left, rgba(228,9,64,1) 0%, rgba(239,129,32,1) 100%);
	background: -o-linear-gradient(left, rgba(228,9,64,1) 0%, rgba(239,129,32,1) 100%);
	background: -ms-linear-gradient(left, rgba(228,9,64,1) 0%, rgba(239,129,32,1) 100%);
	background: linear-gradient(to right, rgba(228,9,64,1) 0%, rgba(239,129,32,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e40940', endColorstr='#ef8120', GradientType=1 );
}
body{
   font-family: 'Fira Sans semibold';
}
h3{
   font-size: 18px;
}
h2{
   font-size: 22px;
}

.logo{
   width: 100%;
   margin: 0 auto;
   text-align: center;
   margin-bottom: 0px;
}
.logo img{
   max-width: 400px;
}
.contenedor{
   margin: 0 auto;
   max-width: 900px;
}
.bloque-redes{
   display: flex;
   justify-content:space-between;
   align-items: center;
   padding-top: 20px;
}
.bloque{
   text-align: center;
   padding: 10px 20px;
   background: #ffffff;
   border-radius: 30px;
   cursor: pointer;
   -webkit-box-shadow: -1px 1px 22px -9px rgba(0,0,0,0.66);
-moz-box-shadow: -1px 1px 22px -9px rgba(0,0,0,0.66);
box-shadow: -1px 1px 22px -9px rgba(0,0,0,0.66);
margin-bottom: 20px;
border: 5px solid #000;
transition: 0.5s;
}
.bloque:hover{
   border: 8px solid #000;
}
.vinculo{
   display: flex;
   align-items: center;

}
.vinculo img{
 margin-right: ;
   width: 50px;
   margin-right: 10px;
}
.gatito{
   text-align: center;
   position: relative;
}
h6{
   position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
}
.gatito img{
   max-width: 350px;
   width: 100%;
}
.bloque a{
	text-decoration: none;
	color: inherit;
}

/* ==========================================================================
   font-face
   ========================================================================== */

   @font-face {
      font-family: 'Fira Sans semibold';
      src: url('../fuentes/FiraSans-SemiBold.woff2') format('woff2'),
          url('../fuentes/FiraSans-SemiBold.woff') format('woff');
      font-weight: 600;
      font-style: normal;
  }
  
  @font-face {
      font-family: 'Fira Sans regular';
      src: url('../fuentes/FiraSans-Regular.woff2') format('woff2'),
          url('../fuentes/FiraSans-Regular.woff') format('woff');
      font-weight: normal;
      font-style: normal;
  }
  
  @font-face {
      font-family: 'Fira Sans';
      src: url('../fuentes/FiraSans-BoldItalic.woff2') format('woff2'),
          url('../fuentes/FiraSans-BoldItalic.woff') format('woff');
      font-weight: bold;
      font-style: italic;
  }
  
  @font-face {
      font-family: 'FiraSans-Bold';
      src: url('../fuentes/FiraSans-Bold.woff2') format('woff2'),
          url('../fuentes/FiraSans-Bold.woff') format('woff');
      font-weight: bold;
      font-style: normal;
  }
  
  @font-face {
      font-family: 'Fira Sans';
      src: url('../fuentes/FiraSans-Thin.woff2') format('woff2'),
          url('../fuentes/FiraSans-Thin.woff') format('woff');
      font-weight: 100;
      font-style: normal;
  }
  
  @font-face {
      font-family: 'FiraSans-Light';
      src: url('../fuentes/FiraSans-Light.woff2') format('woff2'),
          url('../fuentes/FiraSans-Light.woff') format('woff');
      font-weight: 300;
      font-style: normal;
  }
  
  @font-face {
      font-family: 'Fira Sans l-italic';
      src: url('../fuentes/FiraSans-LightItalic.woff2') format('woff2'),
          url('../fuentes/FiraSans-LightItalic.woff') format('woff');
      font-weight: 300;
      font-style: italic;
  }
  
  @font-face {
      font-family: 'Fira Sans italica';
      src: url('../fuentes/FiraSans-Italic.woff2') format('woff2'),
          url('../fuentes/FiraSans-Italic.woff') format('woff');
      font-weight: normal;
      font-style: italic;
  }
  /* ==========================================================================
    font-face
     ========================================================================== */

     @media (max-width: 992px){
      .bloque-redes{
         display: block;
         justify-content:center;
         align-items: center;
      }
      .vinculo{
         display: flex;
         align-items: center;
         justify-content: center;
      
      }
     }