.hrs{width: 100%; height: auto; margin-top: 30px;}
.hrs p{font-family: 'Raleway'; font-size: 16px; color: #808285; text-align: center; line-height: 20px; margin: 20px 0px 35px 0px;}

.registros { width: 100%; height: auto; text-align: center; }
.registros li { width: 300px; height: 390px; float: left; position: relative; overflow: hidden; margin:10px; list-style-type: none; }
.registros li .fts { width: 300px; height: auto; margin-right: 20px; float: left; text-align: center; overflow: hidden; }
.registros li .fts img { text-align: center; width: auto; height: 250px; margin: 0 auto; }
.registros li .info { width: 300px; height: auto; padding: 0px 20px 20px 0px; font-family: 'Raleway'; color: #808285; font-size: 16px; line-height: 20px; text-align: center; margin: 0px 0px 25px 0px; }
.registros li .info h2 { width: 300px; height: auto; color: #663300; font-size: 18px; font-family: 'Raleway'; font-weight: 600; line-height: 22px; text-align: center; margin: 0 auto; padding: 10px 0px 15px 0px; text-transform: uppercase; }

@media screen and (max-width: 1024px) {
	.registros { width: 100%; height: auto; }
	.registros li { width: 100%; height: auto; min-height: 150px; clear: both; padding-top: 10px; height: auto; list-style-type: none; }
	.registros li .fts { width: 300px; height: auto; margin-right: 0px; float: none; margin: 0 auto; text-align: center; overflow: hidden; }
	.registros li .fts img { text-align: center; width: auto; margin: 0 auto; }

	.registros li .info { width: 90%; height: auto; min-height: 110px; float: none; padding: 0px 0px 20px 0px; font-family: 'Raleway'; font-size: 16px; line-height: 20px; text-align: center; margin: 0px 0px 25px 5%; }
	.registros li .info h2 { width: 90%; height: auto; font-size: 18px; font-family: 'Raleway'; font-weight: 600; line-height: 22px; text-align: center; margin: 0 auto; padding: 10px 0px 15px 0px; text-transform: uppercase; }

}