/* Too narrow to support three columns */
  @media all and (max-width: 640px) {
  
img{
	width:100%;
}	  
	  
imagen > img{
	width:200px;
}	 
	 
   #main, #page {
    -webkit-flex-flow: column;
            flex-flow: column;
   }

   #main > article {
    /* Return them to document order */
    -webkit-order: 0;
            order: 0;
   }


	  
   footer {
    min-height: 20px;
    max-height: 20px;
   }	  
	  
   header {
    min-height: 30px;
    max-height: 30px;
   }

header a img {
display:none;
   }

#menu{
position:fixed; 
z-index: 120; 
top:0;
margin-bottom: 0px;
	  }
	  
#menu ul{
background:#4B4748;/*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;

 }
#menu a{
 display: block;
 line-height: 40px;
 padding: 0 14px;/*tamaño y fuente del  menu movil*/
}
#menu input,#menu label{
position:absolute;
top:0;
left:0;
display:block;
}
#menu input{
z-index:4;
}
#menu input:checked + label{
color:#333;/*color de las tres barritas una vez se clica*/
}
#menu input:checked ~ ul{
display:block;
}
	  
	  
h2{
    font-size:2 em;
    text-align:center;
    margin:1.5em auto 2em auto;
        font-family: 'Bitter', serif;
        width:90%;
   
}

h2 span{
       padding-bottom:0.2em;
           border-bottom:0.2em solid #46c2e5;
}

h3{
    font-size:1.8em;
    text-align:center;
            margin:2em auto 1.5em auto;
            font-family: 'Bitter', serif;
                  width:90%;
}

h3 span{
       padding-bottom:0.2em;
}

h4{
  
    font-size:1.4em;
    text-align:left;
    margin-bottom:2em;
        margin-top:1.5em;
            font-family: 'Bitter', serif;
}

h4 span{
       padding-bottom:0.2em;
}

span a{
        scroll-margin-top: 300px;
}
	  
	  
	  
  }