.box ,.btn-group-vertical{
  display: flex;
  align-items: center;
  justify-content: center;

}



html {
  min-height: 100%;
  position: relative;
}
body {
  margin: 10px;
  margin-bottom: 40px;
 margin-left: 5px;
 margin-right: 5px;
}
div {
  resize: both;
  overflow: auto;
}
	
h3{
	 font-size: 150px;
}
table, th, td {
  border: 2px solid black;
  size: auto;
  text-align: center;
  word-wrap: break-word;
  table-layout: fixed;


}
td{
  font-size: 150%;
}
table {
  width: 100%;



}
.z{
  float: right;



}

footer {
            background-color: white;
  bottom: -10px;
  width: auto;
  height: auto;
    border: 1px solid #000000;
  display: flex;
  align-content:flex-end;

            
          
        }
 #demo{

 		 font-size: 50px;


 }
 #tim{
 	 		 font-size: 40px;

 }
 #botones{
  margin: 1rem;
  padding: 1rem;
  /* IMPORTANTE */
  text-align: center;
 }
.casa {
    
	float: right;
}
.grande{
	height: 50%;
	width: 50%
  }
  .tabla1{
  
    height: 25%;
    width: 25%;
    table-layout: fixed;

  }
  .cen{
    display: flex;
    align-items: center;
    justify-content: center;
  }
 section {
            overflow: auto;
            /* Definimos el padding inferior:
               50px del pie de pagina mas 10px de separacion
            */
            padding-bottom: 60px;
            /* Definimos un padding superior */
            padding-top:30px;



        }


.define{
	width: 960px;
	margin : 0 auto ;
}

 .btn-primary{
 	background-color: blue;
 }
a{
	color : black ;
}
.a{
	color : black;
}