.bottom-left {
			position: absolute;
			bottom: 1px;
			left: 16px;
         right: 16px;
		}

		a:hover {
			text-decoration:none;
		}

		.fecha {
			font-size: 16px;
			text-shadow: 1px 1px 5px black;
			font-weight: bold;
			color: white;
		}

		.titulo1 {
			font-size: 32px;
			text-shadow: 1px 1px 10px black;
			font-weight: bold;
			color: white;
         background: rgb(0,0,0,0.6);
         padding: 10px;
		}

		.titulo2 {
			font-size: 18px;
			text-shadow: 1px 1px 10px black;
			font-weight: bold;
			color: white;
         background: rgb(0,0,0,0.6);
         padding: 10px;
		}

		img:hover {
			filter: contrast(180%);
		}


		.overlay {
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			background-color: #000000;
			overflow: hidden;
			width: 100%;
			height: 0;
			transition: 0s ease;
		}

		.card:hover .overlay, .azul:hover .overlay {
  		   height: 100%;
		   opacity: 10%;
		}

		@media only screen and (max-width: 768px) {
			.titulo1 {
			font-size: 18px;
			text-shadow: 1px 1px 5px black;
			font-weight: bold;
			color: white; 
         background: rgb(0,0,0,0.6);
         padding: 10px;            
			}

			.titulo2 {
			font-size: 15px;
			text-shadow: 1px 1px 5px black;
			font-weight: bold;
			color: white;
         background: rgb(0,0,0,0.6);
         padding: 10px;            
			}
		}

      p.titulo_noticia {
         font-size: 28px;
			font-weight: bold;
			color: white;
         padding: 10px;  
      }

      pie:link {
         font-size: 20px;
			font-weight: bold;
			color: white;
         padding: 10px;  
      }

      pie:visited {
         font-size: 20px;
			font-weight: bold;
			color: white;
         padding: 10px;  
      }

      pie:hover {
         text-decoration: underline;
      }