* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Open sans', sans-serif;
 }
 
 /* body, html {
  height: 100%;
 } */
 
 body {
  background-color: #f1f1f1;
 }
 .container-principal{
  position: relative;
  width: 100%;
  min-height: 100vh;
  background: #0059b3;
  /* background-size: cover;
  background-position: center; */
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  /* padding: 100px; */
}
 
 .container-firma {
  height: 80%;
  display: flex;
  justify-content: center;
  align-items: center;
 }
 
 .flecha {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 20px;
 }
 
 .flecha img {
   width: 50px;
   /*border: 2px solid #000;*/
 }

 @media (max-width: 991px){
  .container-firma .firma{
    max-width: 70%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .flecha {
    bottom: 60px;
   }
 }