/* Too narrow to support three columns */
@media all and (max-width: 1080px) {


h1 {
	color: #9F1F63;
}

.contB {
	background-color: #fff;
	display: grid;
	margin: 20px auto;

	grid-gap: 15px;
  	grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
	align-items: center;
	justify-content: center;
	text-align: center;

}

.containerA {
	background-color: #fff;
display: grid;
	padding: 0px;
	margin: 0px auto;	
	grid-gap: 5px;
  	grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
  	grid-template-rows: repeat(2, 40px);
	align-items: center;
	justify-content: center;
	text-align: center;
}	


.containerA div{
	background-color: #9F1F63;

	height: 40px;
	text-transform: uppercase;
	border-bottom: 1px solid #B2B0B0;
	color: #fff;
	font-family: tahoma, sans-serif;
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom: 2px solid #778f53;

}

.containerA div a{
	font-size: 0.8rem;	
	color: #fff;
	padding: 0.7rem;
	font-family: tahoma, sans-serif;
	display: flex;
	align-items: center;
	justify-content: center;
}

.containerA div:first-child {
border-left: none;
}


.containerA div a{
	color: #fff;
}

.containerA div a:hover
{
background: none;
}
	  
#tablecontents{margin-left:90px;}

/* img{width:100%;}	
	  
imagen > img{width:100px;}	  */
	 
   #main, #page {
    -webkit-flex-flow: column;
            flex-flow: column;
   }

   #main > article {
    /* Return them to document order */
    -webkit-order: 0;
            order: 0;
   }
 
header {
    min-height: 30px;
    max-height: 30px;
   }

header a img{
display:none;
   }
   
   
/* MENU */
#menu{
	background-color:transparent;
	position:absolute; 
	top:188;
	margin-bottom: 0px;  
	border-bottom: none; 
}
	   
#menu ul{
background:#c60321;/*color del desplegable del menu movil*/
position:absolute;
top:100%;
right:0;
left:0;
z-index:3;
height:auto;
display:none;
}
	  
#menu ul.menus{
width:100%;
position:static;
padding-left:20px;

}
	  
#menu li{
display:block;
float:none;
width:auto;
font-family: 14px  verdana,arial,helvética, sans-serif;
font-weight: bolder;
text-align:right;

 }
 
#menu a{
display: block;
line-height: 40px;
padding: 0 14px;/*tamaño y fuente del  menu movil*/
}

#menu li a:hover{
background:#d53754;/*color del desplegable del menu movil*/
}
	  
#menu input,#menu label{
position:absolute;
top:0;
right:0;
display:block;
font-size:30px;
margin-right:10px;
}
	 
#menu label span{
width:50px;
}
	 	 
	  
#menu input{
z-index:4;
}
	  
#menu input:checked + label{
color:#c60321;/*color de las tres barritas una vez se clica*/
}
	  
#menu input:checked ~ ul{
display:block;
}
	      
}