html {
   position: relative;
   min-height: 100%;
}

body {
   /* Margin bottom by footer height */
   margin-bottom: 60px;
   background-color: #fefefd !important;
   background-image: url(https://evaluaciones.mx/assets/img/ui/img/ManchaAzul.png), url(https://evaluaciones.mx/assets/img/ui/img/circulo_hexagono.png) !important;
   background-repeat: no-repeat;   
	margin: 0;
	display: grid;
	min-height: 100vh;
	grid-template-rows: auto 1fr auto;

}
.footer {
	background-color: lightcoral;
	padding: 1em 0;
	text-align: center;
}

.bg-cont_gen {
   background-position: left top, 68em 20em !important;
   background-size: 30rem, 25rem !important;
}

/* for search bar */
.stylish-input-group .input-group-addon {
   background: white !important;
}

.stylish-input-group .form-control {
   border-right: 0;
   box-shadow: 0 0 0;
   border-color: #ccc;
}

.stylish-input-group button {
   border: 0;
   background: transparent;
}

.container {
   position: absolute;
   left: 0;
   right: 0;
   top: 40%;
   transform: translateY(-50%);
}

@media screen and (min-width: 1400px) {

   .bg-cont_gen {
      background-position: left top, 68em 20em !important;
      background-size: 30rem, 25rem !important;
   }
}

@media screen and (min-width: 1600px) {
  
   .bg-cont_gen {
      background-position: left top, 68em 20em !important;
      background-size: 30rem, 25rem !important;
   }
}

@media screen and (min-width: 1900px) {

   .bg-cont_gen {
      background-position: left top, 90em 40em !important;
      background-size: 40rem, 30rem !important;
   }
}