body {
	color:#454545;
}
@media (max-width:320px){
  <!—- Aquí van todos los estilos CSS -->
}
@media (min-width:768px){
  <!—- Aquí van todos los estilos CSS -->
}
@media (orientation: landscape) {
  <!-- Aquí van todos los estilos CSS -->
}

.card-columns {
  @include media-breakpoint-only(lg) {
    column-count: 4;
  }
  @include media-breakpoint-only(xl) {
    column-count: 5;
  }
}

#div1 a {
	cursor: pointer;
	text-decoration: none;
	color:#3b9df1;
	list-style:none;
	font-weight:bold;
}
#div1 a:hover {
	color:#454545;
}

/*h1 {
  font: normal 400%/100% Georgia, "Times New Roman", Times, serif;
	margin: 5px 0 5px 0;
	letter-spacing: -2px;
}*/
h2 {
	font: normal 18px Georgia, "Times New Roman", Times, serif;
	margin: 5px 0 1px 0;
	letter-spacing: -1px;
	text-transform:uppercase;
	font-weight:bold;
}
h3 {
  font: normal 200%/100% Georgia, "Times New Roman", Times, serif;
	letter-spacing: -2px;
}
h4 {
    font: normal 12px Georgia, "Times New Roman", Times, serif;
	margin: 5px 0 5px 30px;
	text-transform:uppercase;
}

#div1 {
	width:460px;
	height:670px;
	background:#bcd8f2 url(../images/bg_preguntas.jpg) no-repeat;
}
#div1 form {
	padding-left: 10px;
	padding-top: 5px;
}
#btn {
	margin-left:40%;
}
.mail {
	margin-left:24px;
}

/* titulo */
#link{
	position:absolute;
	top:95px;
}
#link h1 {
	color:#3b9df1;
}
/* temas por numero */
#numeros {
	width:380px;
}

.links {
	text-align: center;
	background: #fff;
	border: solid 1px #ccc;
	width: 200px;
	padding: 5px 0;
	position: absolute;
	bottom: 20px;
	display: none;
}
.block:hover .links {
	display: block;
}