body {

	margin-top: 2px;



}

.container {
	margin-top: 0px;
	margin: 0;
	padding: 0;
	
}



h1{
  text-align: center;
   color: black;
}

h4{
  text-align: left;
   color: black;
}

h2{
  text-align: center;
  color: black;
}




.container div {
	box-sizing: border-box;
	min-width: auto;
	padding: 2px;

}

.c0 {
	color: white;
	/*background-color: rgba(63, 117, 196  , 0.9); */
		    background-color: rgba(33, 33, 77, 0.3);
}


.c1 {
	color: white;
	/*background-color: rgba(63, 117, 196  , 0.9); */
		    background-color: rgba(133, 146, 158   ,0.0);
}

.c2 {
	color: black;
	  background-color: rgba(33, 146, 158    ,0.0);
	
	
}

.c3 {
	color: white;
	       background-color: rgba(93, 109, 126  ,0.0);
}



.c4 {
	color: white;
	  background-color: rgba(93, 109, 126      ,0.0);

}

.c5 {
	color: white;
	
	     background-color: rgba(93, 109, 126   ,0.0);
}

.container {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
}


.c0, .c1, .c2, .c3, .c4, .c5 {
width: 100%;
}


@media (min-width: 220px) {

 .c1,.c2, .c3, .c4, .c5 {

 width: 100%;


 }

 h1{
 	font-size: 15px;
 	 color: black;
 }


 h2{
 	font-size: 12px;
 	 color: black;
 }




}


@media (min-width: 600px) {

 .c1,.c2, .c3, .c4, .c5 {

 width: 100%;
 }

  h1{
 	font-size: 20px;
 	 color: black;
 }


 h2{
 	font-size: 20px;
 	 color: black;
 }

  h3{
 	font-size: 12px;
 	 color: black;
 }



}


@media (min-width: 644px max-width: ) {

 .c1,.c2, .c3, .c4, .c5 {

 width: 100%;
 }

  h1{
 	font-size: 20px;
 	 color: black;
 }


 h2{
 	font-size: 12px;
 	 color: black;
 }

  h3{
 	font-size: 12px;
 	 color: black;
 }



}



@media (min-width: 800px) {
.c1 {
width: 100%;
}




.c2 {
width: 100%;
}


.c3, .c4, .c5 {
width: 33.33%;
}



.container {
width: auto;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
}
}


.btn_flotante {
  float: right;
  border-radius: 2px;  
  width:  20px;
  height: 50px;
  margin-top: 0px;
  margin-right: 32px;
  float: right;

}