@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i,Roboto:300,100italic&subset=devanagari,latin-ext');
@charset "utf-8";
/* CSS Document */


#slogan-rojo .div{
	    font-family: 'Roboto';
	font-weight:500;
	font-style: italic;
}

@media only screen and (max-width: 480px) {
#cards h5{	
    font-family: 'Roboto';
	font-weight:300;
	color:#fff;
	font-size:24px;
}
#cards .col-sm-6  p{	
    font-family: 'Roboto';
	font-weight:300;
	font-size:18px;
}
#contenedor #titulo h1 {
	font-family: 'Roboto';
	font-weight:500;
	font-style: italic;
	font-size:14px;
}
#contenedor #titulo h2 {
	font-family: 'Roboto';
	font-weight:300;
	font-style: italic;
	font-size:10px;
}
#contenedor #titulo p {
	font-family: 'Roboto';
	font-weight:300;
	font-style: italic;
	font-size:10px;
}
}
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
#cards h5{	
    font-family: 'Roboto';
	font-weight:300;
	color:#fff;
	font-size:24px;
}
#cards .col-sm-6  p{	
    font-family: 'Roboto';
	font-weight:300;
	font-size:18px;
}
#contenedor #titulo h1 {
	font-family: 'Roboto';
	font-weight:500;
	font-style: italic;
	font-size:24px;
}
#contenedor #titulo h2 {
	font-family: 'Roboto';
	font-weight:300;
	font-style: italic;
	font-size:18px;
}
#contenedor #titulo p {
	font-family: 'Roboto';
	font-weight:300;
	font-style: italic;
	font-size:14px;
}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
#cards h5{	
    font-family: 'Roboto';
	font-weight:300;
	color:#fff;
	font-size:22px;
}
#cards .col-sm-6  p{	
    font-family: 'Roboto';
	font-weight:300;
	font-size:18px;
}
#contenedor #titulo h1 {
	font-family: 'Roboto';
	font-weight:500;
	font-style: italic;
	font-size:24px;
}
#contenedor #titulo h2 {
	font-family: 'Roboto';
	font-weight:300;
	font-style: italic;
	font-size:18px;
}

}