@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-bold-webfont.woff') format('woff'),
         url('../fonts/opensans-bold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansextrabold';
    src: url('../fonts/opensans-extrabold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-extrabold-webfont.woff') format('woff'),
         url('../fonts/opensans-extrabold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

.beige{
	padding-top:25rem;
	padding-left: 3rem;
	color: #000000;
	font-family: 'open_sansextrabold';
	font-size: 1.8rem;
	line-height:2rem;
}
.subtitulo{
	font-family: 'open_sansbold';
	padding-left: 3rem;
	font-size: 1.2rem;
	line-height: 1.4rem;
	padding-top: 3rem
}
.data{
	font-family: 'open_sansbold';
	padding-left: 3rem;
	font-size: 0.8rem; 
	line-height: 1rem
}
.pantalla{
	min-width: 100%
}

/*media queries*/

@media screen and (max-width: 64rem) {
.beige{
	padding-top:3rem;
	padding-left: 0rem;
	text-align: center; 
	color: #000000;
	font-size: 1.5rem;
	line-height:1.75rem;
}
.subtitulo{
	text-align: center;
	padding-left: 0rem;
	font-size: 0.75rem;
	line-height: 0.9rem;
	padding-top: 2rem
}
.data{
	text-align: center;
	padding-left: 0rem;
	font-size: 0.65rem; 
	line-height: 0.85rem

}	
}

/*probamos*/
@media screen and (min-width: 63.063rem) and (max-width: 90rem) {
.beige{
	padding-top:7rem;
	padding-left: 0rem;
	text-align: center; 
	color: #000000;
	font-size: 1.6rem;
	line-height:1.8rem;
}
.subtitulo{
	text-align: center;
	padding-left: 0rem;
	font-size: 1rem;
	line-height: 1.2rem;
	padding-top: 2.5rem
}
.data{
	text-align: center;
	padding-left: 0rem;

}	
}