
.h1-carousel{

  margin-top: 50px;
  margin-left: 600px;
  margin-right: 600px;
  align-items: center;
}
h2 a {
  font-weight: 700;
  text-transform: uppercase;
  color: #ffffff;
  text-decoration: none;
}

.blue { color: #ffa602; }
.yellow { color: #ffa602; } /*titulo tabla*/

.containers th h1 {
  
	  font-weight: bold;
	  font-size: 1em;
  text-align: left;
  color: #ffffff;
}

.containers td {
	  font-weight: normal;
	  font-size: 1em;
  -webkit-box-shadow: 0 2px 2px -2px #0E1119;
	   -moz-box-shadow: 0 2px 2px -2px #0E1119;
	        box-shadow: 0 2px 2px -2px #0E1119;
}

table{
  
  width: 600px;
  height: 200px;
}
div.containers {
        margin-top: -200PX;
        display: grid;        
        min-height: 50vh;
        align-items: center;
        justify-content: center;

      }


.containers td, .containers th {
	  padding-bottom: 2%;
	  padding-top: 2%;
  padding-left:2%;  
}

/* Background-color of the odd rows */
.containers tr:nth-child(odd) {
	  background-color: #ffaa00bb;
}

/* Background-color of the even rows */
.containers tr:nth-child(even) {
	  background-color: #ffc400b6;;
}

.containers th {
	  background-color: #ffab00;
}

.containers td:first-child { color: #ffffff; }

.containers tr:hover {
   background-color: #464A52;
-webkit-box-shadow: 0 6px 6px -6px #ffa602;
	   -moz-box-shadow: 0 6px 6px -6px #0E1119;
	        box-shadow: 0 6px 6px -6px #0E1119;
}

.containers td:hover {
  background-color: #ffa602;
  color: #403E10;
  font-weight: bold;  
  box-shadow: #7F7C21 -1px 1px, #7F7C21 -2px 2px, #7F7C21 -3px 3px, #7F7C21 -4px 4px, #7F7C21 -5px 5px, #7F7C21 -6px 6px;
  transform: translate3d(6px, -6px, 0);  
  transition-delay: 0s;
	transition-duration: 0.4s;
	transition-property: all;
  transition-timing-function: line;
}




@media (max-width: 800px) {
.containers td:nth-child(4),
.containers th:nth-child(4) { display: none; }
}

@media (max-width: 750px) {
  div.containers {    
    display: grid;
    width: 90% ;
    margin: 0 auto;
    gap: 1em ;
    margin-top: -200PX;
    overflow: hidden;
    grid-template-columns: repeat(auto-fit, minmax(260px, auto));
  }
  }


@media (max-width: 650px) {
    .containers td:nth-child(2),
    .containers th:nth-child(2) { display: grid;      
      width: 90% ;    
      grid-template-columns: repeat(auto-fit); }
    
    }
@media (max-width: 550px) {
      .containers td:nth-child(2),
      .containers th:nth-child(2) { display: grid;
        width: 90% ;        
        grid-template-columns: repeat(auto-fit, minmax(260px, auto)); }
      
      }
@media (max-width: 450px) {
        .containers td:nth-child(2),
        .containers th:nth-child(2) { display: grid;
          
          grid-template-columns: repeat(auto-fit, minmax(260px, auto)); }
        
        }