.modificar {
	font-family: "Open Sans","Arial","Helvetica",sans-serif;
	border-radius: 2px;
	padding: 4px 24px;
	background: #fff;
	border: 1px solid #535353;
	color: #535353;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 400;	
	}
	
.modificar:hover {
	background: #ccc;
}
.modificar:hover a{
	color:#fff;
}

#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;
} 
}