#contenedor{
    text-align:center;
    left: 50%;
    top: 50%;
    width: 30%;
    overflow:hidden;
		font-family: 'Roboto', sans-serif;
		font-size: 30px;
		background-color: rgba(255,255,255, 0.7);
		margin: 50px auto 0 auto;

border-radius: 25px;
}
#contenedor img{
    margin:0 auto;
    max-height:150px;
}
.bottom{
    padding-top:20px;
}
.r3 {
    font-weight:bold;
    font-size:30px;
    color:red;
    background-color:#555;
    padding:10px;
    border:2px solid #111;
}
.y3 {
    font-weight:bold;
    font-size:30px;
    color:yellow;
    background-color:#555;
    padding:10px;
    border:2px solid #111;
}
.b3 {
    font-weight:bold;
    font-size:30px;
    color:blue;
    background-color:#555;
    padding:10px;
    border:2px solid #111;
} 
@media screen and (max-width: 1200px) {
			
#contenedor{
		font-size: 20px;
}
.r3 {
    font-size:20px;
}
.y3 {
    font-size:20px;
}
.b3 {
    font-size:20px;
} 
}