/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.footer {
  position: absolute;
  bottom: 0;
  /*width: 100%;*/
  /* Set the fixed height of the footer here */
  height: 60px;
  /*background-color: #f5f5f5;*/
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

.container {
  width: auto;
  max-width: 680px;
  padding: 0 15px;
}
.container .text-muted {
  margin: 20px 0;
}

/* custom for silabeador */

.resultado {
    visibility: hidden;
    color: #333;
    margin: 1em 0 0 2em;
}

.resultado-dato {
	background-color:#C8FE2E;
	color:black;
	padding: 0 10px 0 10px;
}

h1 {
    color: #333;
	font-size: 3em;
	font-family: 'Vollkorn', serif;
}

.tagline {
    color: #333;
	font-family: 'Vollkorn', serif;
}

.app-badges {
	margin-top: 2em;
}